CSS 中的页面声明结构
- 王林原创
- 2024-07-19 01:56:11838浏览
什么是CSS
CSS 是一种用于以瀑布样式设计页面样式的语言，用于添加布局、动画、几何形状、过滤器、计数器以及其他设置。
声明 CSS 的方法
内联 CSS：使用 HTML 标签内的 style 属性添加 CSS；
内部CSS：添加在
外部 CSS：创建一个扩展名为 .css 的文件，其中包含将应用的所有规则，并且该文件位于带有标签 的 HTML 中。
<head>
<link rel="stylesheet"
href="estilos.css" />
<head/>
选择器
- 标签：通过标签搜索元素
- ID(#)：使用 ID 搜索元素
- Classes(.)：“类”属性
- 属性选择器（[attrib]）：具有特定属性的元素
- 通用 (*)：选择所有 HTML 元素
组合器
组合器组合了将共同应用设置的标签选择器级别。
- 后代：从另一个派生的标签应用时，它们之间有一个空格。例子：
div span{
regra: CSS;
}
- Child：所有以“>”连接的直接子元素。例子
ul > li{
regra: CSS;
}
- 相邻兄弟：后面的第一个元素直接用“+”连接。例子：
ul + li {
regra: CSS;
}
//Nesse caso, havendo mais que um elemento li na lista, somente o primeiro receberá a regra
- 同级通用：用“~”连接具有相同父级的所有元素。例子：
p ~ span{
regra: css;
}
以上是CSS 中的页面声明结构的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn