【段落缩阴css】0基础学习HTML中的CSS篇样式优先顺序和字体样式和段落样式

CSS样式优先级

1.写入优先级

优先顺序是行内样式表内部样式表外部样式表。

2.选择器优先级

对于Id和class，id的定义优先于class的定义。具有Class属性优先于没有class属性。

Id class类型选择器

继承样式

1.HTML中的子标签继承某些父标签的样式。

: body { color: # ff0000}这将使页面上body下的所有标签和标签下的所有子标签的文本变为红色。

2.Important

在相同类型的两行CSS样式定义中，以下行通常优先：

p { p { font-size :14 px；font-size :20 px；}

但是可以通过！Important语法，提高样式表的重要性并排定其优先级！Important标注的门。

p { p { font-size 336014 px！Importantfont-size :20 px；}

Css代码注释，/*开始*/结束。

示例：/* body样式*/

Body { margin:0pxPadding:0px}

/*标志样式*/

# logo {.}

/*导航样式结束*/

字体样式

1.字体

Font-family设置字符名称。可以使用多个名称，也可以使用逗号

分隔，浏览器按顺序使用可用字体。

示例：Arial

P {font-family: '宋体''黑体' }

2.字体大小

Font-size设定文字大小

示例：p { font-size :14 px；}

3.字体以粗体显示

font-weight 3360 normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 |

示例：p { font-weight 3360 bold；}

4.斜体

font-style : normal | italic | oblique

示例：p { font-style : normal；}

p { font-style : italic；}

p { font-style : oblique；}

5.下划线控件

text-decoration : none | | underline | | blink | | overline | | line-through

例如：

p { text-decoration : overline；}

p { text-decoration 3360 underline；}

p { text-decoration 3360 line-through；}

6.字体样式缩写

font : font-style | | font-variant | | font-weight | | font-size | | line-height | | font

例如：

P {

font-style : italic；

font-weight 3360 bold；

font-size :14 px；

line-height :22 px；

Font-family:宋体；

}

可以缩写的格式：

p { font : italic bold 14px/22px宋体}

1.行高

Line-height3360 normal | length

示例：p { line-height 336025 px；} p{ line-height:150%}%}

2.段落缩进

Text-indent :长度；p p { text-indent :4 px px；}

3.段落对齐方式

text-align : left | right | center | justify

对于Text-aligh，对象中的其他元素(而不仅仅是文本)也可以由text-align对齐。

例如：

p { text-align 3360 right；}

p { text-align 3360 center；}

4.标点挤压

letter-spacing 3360 normal | length

p { letter-spacing 33605 px；}

Margin外部边距和padding内边距将在下一章中讨论。