• html实践——IFE task 02(CSS样式)


    1. CSS背景:

     (1)background:

     (2)background-color:

     (3)background-img:

     (4)background-repeat:

      >>repeat:

      >>no-repeat:

      >>inherit:继承父类的属性

      >>repeat-x:

      >>repeat-y:

     (5)background-position:

      >>bottom:

       >>center:

       >>inherit:继承父类的属性

      >>left:

     >>top:

     >>right:

    (6)background-attachment:

     >>fixed:图像相对于可视区是固定的

     >>scroll:默认值,背景会随文档滚动

     >>inherit:继承父类的属性

    2. CSS文本:

    (1)text-align:水平对齐。值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中。

    (2)text-decoration:文本装饰。

     >>underline 会对元素加下划线,就像 HTML 中的 U 元素一样

     >>overline 的作用恰好相反,会在文本的顶端画一个上划线

     >> line-through 则在文本中间画一个贯穿线

     >>blink 会让文本闪烁

    (3)text-indent:缩进文本。把 Web 页面上的段落的第一行缩进。

    (4)text-shadow:向文本添加一个或多个阴影

    (5)text-transform:字符转换。处理文本的大小写。

     >>默认值 none 对文本不做任何改动,将使用源文档中的原有大小写。

     >>uppercase 和 lowercase 将文本转换为全大写和全小写字符

     >>capitalize 只对每个单词的首字母大写。

     (6)word-spacing:字间隔。可以改变字(单词)之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。

     (7)letter-spacing:字母间隔。修改的是字符或字母之间的间隔

     (8)line-height:设置行间的距离(行高)

    3. CSS字体:

      (1)font

      (2)font-family:定义文本的字体系列

      (3)font-size:设置文本的大小

      (4)font-size-adjust:当首选字体不可用时,对替换字体进行智能缩放

      (5)font-stretch:对字体进行水平拉伸

      (6)font-sytle:最常用于规定斜体文本

             normal - 文本正常显示     italic - 文本斜体显示     oblique - 文本倾斜显示

      (7)font-variant:设定小型大写字母

      (8)font-weight:设置文本的粗细

    4. CSS链接

      (1)a:link - 普通的、未被访问的链接

      (2)a:visited - 用户已访问的链接

      (3)a:hover - 鼠标指针位于链接的上方

          (4)a:active - 链接被点击的时刻

    5. CSS列表

      (1)list-style:

      (2)list-style-image:将图象设置为列表项标志。

      (3)list-style-position:设置列表中列表项标志的位置。

      (4)list-style-type:设置列表项标志的类型。

    6. CSS表格

      (1)border-collapse:设置是否把表格边框设置为单一边框

      (2)border-spacing:设置分隔单元格边框的距离

      (3)caption-side:设置表格标题的位置

      (4)empty-cells:设置是否显示表格中的空单元格

      (5)text-align:设置水平对齐方式,比如左对齐、右对齐或者居中

      (6)vertical-align:设置垂直对齐方式,比如顶部对齐、底部对齐或居中对齐

  • 相关阅读:
    【数学建模】—优秀论文(一)
    【数学建模】—论文排版
    【Linux学习】—第8章linux编程
    【Linux学习】—文件权限和目录配置
    【ESP8266学习】(一)
    【OpenCV】——b站达尔闻
    【Linux学习】——Shell编程基础
    【数学建模】——模拟退火算法(SAA)
    react 开发中火狐,Safari浏览器嵌套iframe显示空白
    element ui dataPicker 日期范围限制
  • 原文地址:https://www.cnblogs.com/mmmaolj/p/5915836.html
Copyright © 2020-2023  润新知