CSS 页面声明结构-css教程

首页 2024-07-10 14:37:37

CSS是什么?

CSS 它是一种设计页面风格的语言,用于添加布局、动画、几何形状、过滤器、计数器等设置。

声明 CSS 的方法

内联CSS:使用HTML标签中的style属性添加CSS;
内部CSS:在HTML页面添加的添加

标签内;
外部CSS:创建一个扩展名称.css文件包含所有将应用程序的规则,并且文件位于标签上HTML中。
 
   <link rel="样式表" href="styles.css">
选择器
  • 标签:通过标签搜索元素:
  • ID(#):使用 ID 搜索元素
  • Classes(.):“类”属性
  • 属性选择器([attrib]):具有特定属性的元素
  • 通用 (*):选择所有 HTML 元素
组合器

组合器结合标签选择器级别,共同应用设置。

  • 后代:当使用另一个衍生标签时,它们之间有一个空格。示例:
div 跨度{
    规则:CSS;
}
  • Child:所有与“>“直接子元素的连接。例子
ul &gt; li{
   规则:CSS;
}
  • 相邻兄弟:后面的第一个元素直接使用“ “连接。例子:
ul   li {
   规则:CSS;
} 
//在这种情况下,如果列表中有多个li元素,则只有第一个将收到规则
  • Sibling General:用“~”连接所有具有相同父级的元素。例如:
p ~ 跨度{
    规则:CSS;
}

以上是CSS 请关注页面声明结构的详细内容中的其他相关文章!


p