学完尚硅谷CSS教程的笔记

与上次写的html同理，用于记录和复习。css是。开头来一句，提醒自己。html用于描述页面的结构，css用于控制页面中元素的样式，js用于响应用户的操作。每一个序号与视频相对应，只不过前面只有对内容属于三者中的哪一个做说明。哔哩哔哩【尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版-哔哩哔哩】https://b23.tv/WaKPjt
限于本人水平，笔记可能有错，学习过的同学可以指出

css27
css层叠样式表，元素的表现
具体语法在html标签里面，写style 标签，在里面写各种标签后接对应的{atribute键值对}
兼职对的赋值为:，值的后面;结尾。

css28
设置元素样式的三种方式
1.内联元素样式 写在htmltag中，与html分工不明确，改一处，多处改
2.内部样式表，写在head的style标签中，分工较为明确，后面超哥的实例都是围绕这个展开，
3.外部样式表，写在单独的css文件，可以使用超链接实现
link rel=“stylesheet” href=css文件路径
正好弥补了内部样式表的不能重复使用

css29
通常嵌在html的head标签中的style，所以style应该属于css的范畴，并不属于html
语句格式，css选择器，声明块properties就是可以查看css可以设置元素的哪些样式

css30
简单选择器:
元素选择器
id选择器
class选择器
通配选择器

css31
复合选择器:
选择器分组
集合问题
元素与类表交集
多选择器联合并集

css32
关系选择器
祖先后代选择器
祖先 后代
父子选择器
父 > 子
直接兄弟选择器
兄 + 弟
所有兄弟选择器
兄 ~ 弟

css33
属性选择器
label[atribute(=xxx)]
小括号内为选填，用于选择符合限制条件的label
^开头
$结尾
*含或者说任意位置三个符号用在atribute之前

css34
伪类pseudo class，:
具体格式:
标签:first-child，last-child，first-of-type:nth-child(n)，n，2n+1，2n:not()
pseudo class是抽象关系，标签的特殊状态
伪即不存在

css35
a的四个pseudo class
link ，可以改变颜色大小。。。没访问过的超链接
visited只变色保护隐私…访问过的超链接hover，移入
active，点击
前俩a标签特有

css36
pseudo element
特殊的元素位置
::first-letter标签首字母
::first-line标签首行
::after标签最前位
::before标签最后位
后两个与content用才有实际效用
注意pseudo class是特殊的标签状态

css37
主要的css选择器介绍完了，以后学会看官方{}文档
著名的css餐厅练习
巩固css所学

标签：教程,标签,pseudo,class,html,css,学完,选择器,CSS
来源： https://blog.csdn.net/Hoskein/article/details/118343685