CSS
一、初识CSS
简介css
定位css
书写css
基本属性补充
二、CSS选择器
元素选择器
id选择器
class选择器
统配符
层级选择器css
群组选择器
颜色属性补充
三、伪类选择器
link
visited
hover
active
Love Hate
一、初识CSS
简介css
1、什么是CSS
CSS是web标准中的表现标准，用设置网页上的标签的样式（长什么样，在哪）
CSS代码/文件，我们叫样式表
目前我们使用的是CSS3
定位css
2、写在哪
内联样式表：将CSS代码写在标签的style属性中
内部样式表：写在head标签中的style标签的内容
外部样式表：写在一个css文件中，通过heard中的link标签来关联
优先级：内联>内部=外部（内外无绝对，参照位置顺序）
书写css
3、怎么写
选择器（属性：属性值；属性：属性值）
选择器： 用来选中需要设置样式的标签
属性：css属性（CSS2中大约有两百多个）
属性值：如果属性值是数字，表示的是大小要在后面加px
基本属性补充
补充属性：color -- 设置字体颜色，background-color -- 设置背景颜色，width -- 宽，height -- 高
专门用来设置样式的标签
-->div{background-color: yellowgreen; }我是div
二、CSS选择器
元素选择器
元素选择器（标签选择器）：标签名选中所有的标签名对应的标签
id选择器
id选择器：#id属性值每个标签都有一个id属性，整个html中，id的值必须唯一
class选择器
class选择器：.class属性值每个标签都有一个class属性
统配符
通配符：*选中所有的标签
层级选择器css
层级选择器：选择器1 选择器2 ...群组选择器
群组选择器：选择器1，选择器...颜色属性补充
补充：css中的颜色值：
1、颜色英语单词
2、十六进制颜色
3、rgb值：rgb(红，绿，蓝)rgba(红，绿，蓝,透明度) - 透明度 0-1/*通配符*/*{font-size:50px; }/*class选择器*/.c1{color: beige;background-color: olive; }/*元素选择器*/a{background-color: yellow; }/*id选择器*/#a1{color:#ff0000; }/*层级选择器*/#all_aa{color: pink; }divdiva{text-decoration: none; }/*群组选择器*//*同时选中所有的h1标签和所有的span标签*/h1,span{background-color: pink; }
我是h1
我是span000111222333444555我是a我是a2ppp我是div三、伪类选择器
伪类选择器 ---- 选择器：状态link
link:超链接的初始状态 -- 一次都没有访问成功的时候的状态visited
visited：超链接访问后的状态 -- 已经访问成功之后的状态hover
hover:鼠标悬停在标签上对应的状态active
active:鼠标按住的状态Love Hate
给同一个标签通过伪装类选择器给不同状态设置不同的样式的时候，要遵守爱恨原则/*同时设置a标签的所有状态*/a{color: skyblue; }a:link{color: green; }a:visited{color: pink; }a:hover{color: red;font-size:40px; }a:active{color: yellow; }#d1{width:100px;height:50px;background-color: darkgreen; }#d1:hover{background-color: greenyellow; }百度一下作者：GHope
链接：https://www.jianshu.com/p/03d612b70b1a
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
