网站页脚写什么,罗湖做网站公司,网络培训网站,个人网站栏目一、css选择器的类型 1、标签选择器 用法#xff1a;直接写 写标签名#xff1a;标签名{} 示例#xff1a; !-- !DOCTYPE html --
htmlheadmeta charsetutf-8title标签选择器/titlestyle typete…一、css选择器的类型 1、标签选择器 用法直接写 写标签名标签名{} 示例 !-- !DOCTYPE html --
htmlheadmeta charsetutf-8title标签选择器/titlestyle typetext/cssdiv {text-align: center;width: 600px;height: 400px;color: blue;background: blanchedalmond;}/style/headbody!-- 标签名是div --div使用标签选择器添加样式/div/body
/html2、id选择器 用法元素的id属性#id名{} 示例 !-- !DOCTYPE html --
htmlheadmeta charsetutf-8titleid选择器/titlestyle typetext/css#type {text-align: center;width: 600px;height: 400px;color: blue;background: blanchedalmond;}/style/headbody!-- id名是type --div idtype使用id选择器添加样式/div/body
/html3、类选择器 用法元素的class属性 .class 值{} (类选择器是使用最多的一种方式) 示例 !-- !DOCTYPE html --
htmlheadmeta charsetutf-8titleclass选择器/titlestyle typetext/css.type {text-align: center;width: 600px;height: 400px;color: blue;background: blanchedalmond;}/style/headbody!-- class名是type --div classtype使用class选择器添加样式/div/body
/html4、层级选择器 用法按照层级找到对应需要添加化样式的元素名 示例 !-- !DOCTYPE html --
htmlheadmeta charsetutf-8title层级选择器/titlestyle typetext/cssdiv b span {text-align: center;width: 600px;height: 400px;color: blue;background: blanchedalmond;}/style/headbody!-- 选择span标签的内容 --div b这时候div标签下面的b标签的内容,span这时候div标签下面的b标签下面的span的内容/span新的内容/b/div/body
/html5、组选择器 用法多个元素名统一使用一个样式 示例 !-- !DOCTYPE html --
htmlheadmeta charsetutf-8title组选择器/titlestyle typetext/cssh1,h2,h3 {color: blue;}/style/headbodyh1一级标题/h1h2二级标题/h2h3三级标题/h3/body
/html
