css权威指南--笔记(必看)

网页制作 2024/12/26 佚名

3 1 2

清风细雨楼 Design By www.eepep.com

第1章 css和文档

1，元素：替换元素（img input），非替换元素（大多数span）。

2，link：rel（代表关系：stylesheet，候选样式表：alternate stylesheet）；type（text/css）；media：（all（所有表现媒体， screen，print），title（配合候选使用）。

3，@import url(sheet1.css) 需在style内使用，放在其他css规则之前。

4，向后可访问性：<style></style>，这样较老浏览器会将style忽略，能理解css的浏览器能正常读取样式表。

5，css注释：/* */。

第2章选择器

1，对声明分组时，一定要在各个声明的最后使用分号。

2，p.warming.help {background:red;} 只匹配class包含warming和help的p元素，如果p包含warming和其他的则不能匹配。

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，链接伪类：未访问链接:link，访问过链接:visited（它们都是静态的），等同于<body link='' vlink=''>。

动态伪类：焦点:focus，鼠标停留:hover，激活:active。（动态伪类可以用于任何元素）

建议伪类顺序：link-visited-focus-hover-active。

选择第一个子元素（:first-child)，很容易误解，是所有第一个子元素（在下面例子中，作为第一个子元素的元素包括第一个p，第一个li和strong及em）。

XML/HTML Code复制内容到剪贴板

<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-line；

之前和之后:before :after。

以上这篇css权威指南--笔记(必看)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

css

清风细雨楼 Design By www.eepep.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

清风细雨楼 Design By www.eepep.com

评论“css权威指南--笔记(必看)”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年12月26日

css权威指南--笔记(必看)

CSS浮动所差生的内容溢出问题及清除浮动的方法小结

CSS实现标题文字过长部分显示省略号的方法

评论“css权威指南--笔记(必看)”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接