2020-10-10

前端

1. css全称为"层叠样式表"（cascading style sheets）它主要用于定义HTML内容在浏览器内的样式显示，如文字大小、颜色、字体加粗使用css的好处就是通过定义某个样式，可以让不同网页位置的文字有统一的字体，字号或者颜色
2. 选择可被两个选择器同时选定的元素 如p.mark{…}或.product.mark{…}
3. 需同时满足多个条件 之间没有空格
4. 父选择器又叫做包含选择器、派生选择器、即加入空格、用于选择指定元素下的后被元素.first span{color:red;}
5. 子选择器，即用大于符号，用于选择指定标签元素的第一代子元素.food>li{border:1px solid black;}这行代码会使class名为food下的子元素li加入红色实现边框 注意>作用于元素的第一个后代 空格作用于元素的所有后代
6. 当你想为HTML中多个标签设置同一个样式时，可使用分组选择符（） h1，span{color：red}相当于h1{color：red} span{color：red}
7. 伪类选择符 它允许给html不存在的标签设置样式，比如我们给HTML中一个标签元素的鼠标滑过的状态来设置字体颜色
8. a:hover{color:red} a:link{}为访问的状态 a:visited{}一访问的状态
9. a:active{}选定的状态
   10.在css定义中 a：hover必须被置于a:link和a：visited之后是有效的
   在css定义中，a：active必须被置于a：hover之后才有效 为类名称对大小写不敏感
   11.first-letter用于为某个元素的文字的首字母或第一个字使用样式
   12.first-line用于为某个元素的第一行文字使用样式
   13.root选择器，将样式绑定到页面的根元素
   not选择器，如果想对某个元素使用样式，但是排除这个结构元素下面的子结构元素 让它不使用这个样式时，可以使用not选择器
   14.css的某些样式是具有继承性的，继承是一种规则，它允许样式不仅应用于某个特定HTML标签元素 而且应用于其后代p{color:red}

这是一个测试看我的颜色是否有变化

15.有一些css样式不具有继承性 16.[attr*=val] 如果元素用attr表示的属性的属性值中包含用val指定的字符则使用此样式 [attr^=val]如果元素用attr表示的属性值属性值的开头字符为用val指定的字符的话，则使用此样式 [attr$=val]如果元素用attr表示的属性值属性值的结尾字符为用val指定的字符的话，则使用此样式