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
MySQL连接就这么简单!本地远程、编程语言连接方法一网打尽
还在为MySQL日期计算头疼?这份加一天操作指南能解决90%问题
MySQL日志到底在哪里?Linux/Windows/macOS全平台查找方法在此
MySQL数据库管理工具全景评测:从Workbench到DBeaver的技术选型指南
MySQL密码忘了怎么办?这份重置指南能救急,Windows/Linux/Mac都适用
你的MySQL为什么经常卡死?可能是锁表在作怪!快速排查方法在此
MySQL单表卡爆怎么办?从策略到实战,一文掌握「分表」救命技巧
清空MySQL数据表千万别用错!DELETE和TRUNCATE这个区别可能导致重大事故
你的MySQL中文排序一团糟?记住这几点,轻松实现准确拼音排序!
别再混淆Hive和MySQL了!读懂它们的天壤之别,才算摸到大数据的门道