CSS基本样式

 行内元素有：，，，，，
 特点：只占内容的宽度,行内元素不能设置高度和宽度
            
 块元素：内容不管有多少，都独占一行，可以设置高度和宽度
 

-

   

   

   

---

     

   

字体样式：字体属性的顺序：字体风格→字体粗细→字体大小→字体类型

            font-family：设置字体类型
            font-size：设置字体大小

            字体风格属性：font-style常用属性值：
            1.普通字体：normal 默认
            2.斜体样式：italic
            3.倾斜体样式：oblique

            字体加粗属性为：font-weight 常用取值：
            1.normal：默认值，定义标准的字体。
            2.bold：粗体字体
            3.bolder：更粗的字体。
            4.lighter：更细的字体。
            5.100、200、300、400、500、600、700、800、900：定义由细到粗的字体。
            400等同于normal，700等同于bold。

文本样式：

        1.text-align:设置文本水平对齐方式，常用值：
        left  right  center
        2.line-height:设置文本行高属性
        3.text-indent：设置文本首行缩进
        4.text-decoration:设置文本装饰
        常用属性：none 默认值：标准 （常用在超链接设置，超链接默认属性是text-decoration：underline）
                 underline：设置文本下划线
                 overline:设置文本上划线
                 line-through：设置文本删除线

链接样式：

背景样式：

 

列表样式：

            list-style-type：列表样式
            常用值：none 无标记符号
                            disc 实心圆，默认类型
                            circle:空心圆
                            square:实心正方形
                            decimal：数字
            2.list-style-image: url(图标地址)
            list-style-image: url(img/arrow-icon.gif);

边框：

 

表格样式：

 

CSS样式优先级和继承：

行内样式>内部样式表>外部样式表

ID选择符>类选择符>类型选择符>通配符

子元素可以继承父元素的样式风格

子元素的样式不会影响父元素的样式风格

小结：

 

使用