css权威指南--笔记(必看)
第1章 css和文档
1,元素替换元素(img put),非替换元素(大多数span)。
2,lkrel(代表关系stylesheet,候选样式表alternate stylesheet);type(text/css);media(all(所有表现媒体, screen,prt),title(配合候选使用)。
3,@import url(sheet1.css) 需在style内使用,放在其他css规则之前。
4,向后可访问性<style><!-- 样式 --></style>,这样较老浏览器会将style忽略,能理解css的浏览器能正常读取样式表。
5,css注释/ /。
第2章 选择器
1,对声明分组时,一定要在各个声明的使用分号。
2,p.warmg.help {background:red;} 只匹配class包含warmg和help的p元素,如果p包含warmg和其他的则不能匹配。
3,实际上,浏览器并不检查html中id的唯一性,但这会导致编写dom更困难。
4,属性选择器h1[class] {...}
h1[class=''] {...}完全匹配
h1[class~=''] {...}部分匹配 [class^='']以什么开头 [class$='']以什么结尾 [class='']包含什么的所有元素
[lang|='en']特定属性选择器,会选择lang属性等于en或以en-开头的所有元素。
5,选择子元素h1>strong;选择相邻兄弟元素h1+p(h1和p有共同父元素,最终选择p)。
6,链接伪类未访问链接:lk,访问过链接:visited(它们都是静态的),等同于<body lk='' vlk=''>。
动态伪类焦点:focus,鼠标停留:hover,激活:active。(动态伪类可以用于任何元素)
建议伪类顺序lk-visited-focus-hover-active。
选择第一个子元素(:first-child),很容易误解,是所有第一个子元素(在狼蚁网站SEO优化例子中,作为第一个子元素的元素包括第一个p,第一个li和strong及em)。
- <div>
- <p>helooo</p>
- <ul>
- <li>111</li>
- <li><strong>222</strong></li>
- </ul>
- <p>
- <em>333</em>
- </p>
- </div>
根据语言选择(:lang()),如:lang(fr){color:red;} 这是将所有法语元素变成红色。
伪元素选择器首字母:first-letter,用户代理动态构成假象元素<p:first-letter>;
第一行:first-le;
之前和之后:before :after。
以上这篇css权威指南--笔记(必看)就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。