在 HTML 中,我们可以使用 CSS 样式来美化网页的外观,而在 CSS 中,有很多种样式使用的标签,我们来逐一介绍。
标签 作用 -------------------------------------------------------------------------------- * 指定所有元素,用于CSS统一修改 -------------------------------------------------------------------------------- #id 指定id值对应的元素,只能用在一处 -------------------------------------------------------------------------------- .class 指定class类对应的元素,可以用在多处 -------------------------------------------------------------------------------- element 指定元素类型,如div、p、a等 -------------------------------------------------------------------------------- element,element,.. 指定多个不同类型的元素 -------------------------------------------------------------------------------- element.class 指定指定元素类型下的class类符符合条件的元素 -------------------------------------------------------------------------------- element#id 指定指定元素类型下的id值符合条件的元素 --------------------------------------------------------------------------------
这些标签可用于指定的属性主要有:
标签 作用 -------------------------------------------------------------------------------- font-size 指定字体大小 -------------------------------------------------------------------------------- color 指定字体颜色 -------------------------------------------------------------------------------- background 指定背景颜色 -------------------------------------------------------------------------------- border 指定边框 -------------------------------------------------------------------------------- margin/padding 指定内外边距 -------------------------------------------------------------------------------- float 指定元素浮动 -------------------------------------------------------------------------------- position 指定元素绝对或相对定位 -------------------------------------------------------------------------------- display 指定元素显示/隐藏 -------------------------------------------------------------------------------- text-decoration 指定下划线、删除线等属性 -------------------------------------------------------------------------------- text-align 指定文本对齐方式 -------------------------------------------------------------------------------- line-height 指定行高 -------------------------------------------------------------------------------- font-weight 指定字体粗细 --------------------------------------------------------------------------------
使用这些标签和属性,我们就可以轻松地为网页加上更美观的外观了!