首页 > web前端 > css教程 > CSS 中的页面声明结构

CSS 中的页面声明结构

王林
发布: 2024-07-19 01:56:11
原创
976 人浏览过

Estruturas de declaração de pagina em CSS

什么是CSS

CSS 是一种用于以瀑布样式设计页面样式的语言,用于添加布局、动画、几何形状、过滤器、计数器以及其他设置。

声明 CSS 的方法

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

内部HTML 页面的;
外部 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中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板