目录

css的语义(cascading style sheet)

cascading

层叠性

style sheet

css的舞台—style

style sheet的含义

style的继承性


css的语义(cascading style sheet)

cascading

  • 层叠性

  1. 一个标签可以有多个选择器给其增加样式,这里的多个选择器既可以指不同类型的选择器,也可以指的是多个相同类型的选择器。

例如:

结果为:

  1. 2 层叠性:css利用权重处理冲突的能力

我们给标签增加的样式是否能够作用于标签,这取决于我们增加样式的选择器的权重。

选择器如果直接作用于目标标签,就是有权重;如果选择器没有直接作用于目标标签,

只是通过继承性作用于标签,那么权重一开始为0。

选择器的权重大小是:id选择器 > 类选择器(伪类选择器) > 标签选择器

权重的计算方法:(id选择器的数量,类选择器的数量(伪类数量),标签选择器的数量)例如(1,3,1)就是有一个id选择器,三个类选择器,一个标签选择器,在计算比大小的时候要注意,十个标签选择器也干不过一个类选择器,比大小顺序从左到右,不进位。

提升权重的方法:!important。在其他所有条件(例如:离标签的远近)都相同,只有权重不同的情况下,!important能将目标选择器的权重提到最高。!important不能影响权重比较的就近准则。书写  !important 的时候要注意,要提升哪个属性就写在哪个属性的后面,有几个属性要提升,就写几遍。

层叠性的原理:

style sheet

  • css的舞台—style

所有的css代码都要写到style标签里面,因此style标签是css的舞台。

style的type是 text/css:纯文本类型

  • style sheet的含义

每一种样式都有很多的属性和表示方法

  • style的继承性

有一些属性是可以通过继承父亲,或爷爷得来的,不直接作用于自己的属性。

具有继承性的属性有:

1.text-系列,例如:text-decoration:underline;

2.font-系列,例如:font-size:20px;

3.inline-系列 ,例如 inline-height:20px;

4.color

css的语义---Cascading Style Sheet相关推荐

  1. CSS cascading style sheet

    html+css+javascript 结构+表现+交互 css怎么用(快速入门) css选择器(重点,难点) 美化网页(文字,阴影,超链接,列表,渐变) 盒子模型 浮动 定位 网页动画(特效)非重点 ...

  2. 什么是CSS,有什么作用?\nCSS(Cascading Style Sheet):层叠样式表语言。\nCSS的作用是:\n修饰HTM

    什么是CSS,有什么作用?\nCSS(Cascading Style Sheet):层叠样式表语言.\nCSS的作用是:\n修饰HTML页面,修饰HTML页面张的某些元素的样式,让HTML页面更好看. ...

  3. CSS(Cascading Style Sheet)

    文章目录 CSS(Cascading Style Sheet) 使用方式 基本语法 颜色写法 选择器*** 标签选择器 id选择器 类选择器 选择器分组 层次选择器 伪类 pseudo-classes ...

  4. css sheet2.0,详解CSS3.0(Cascading Style Sheet) 层叠级联样式表

    CSS3.0(Cascading Style Sheet) 层叠级联样式表 快速入门: CSS01 h1 { color: red; } 标题一 CSS的三种导入方式: 行内样式(优先级最高,但不建议 ...

  5. CSS(Cascading Style Sheet)总结

    CSS 层叠样式表 (Cascading Style Sheet) 1.字体设置: 有继承性,给父元素设置,子元素可继承. (1)字体倾斜:font-style:normal/italic (2)字体 ...

  6. CSS3(Cascading Style Sheet) 层叠样式表

    CSS是Cascading Style Sheet 层叠样式表或级联样式表,简称"样式表".利用样式可以定义页面的样式,大大减少网页的设计工作量.也可以美化页面,精准定制页面的布局 ...

  7. CSS 指层叠样式表 (Cascading Style Sheets) 和选择器

    CSS 指层叠样式表 (Cascading Style Sheets) 内联样式(行内样式) 在开始标记中通过style属性(attribute)来设置元素的样式.注意,这里的 property 指的 ...

  8. CSS层叠样式表(Cascading Style Sheets)

    CSS简介 CSS全称为:层叠样式表(Cascading Style Sheets),主要用于定义HTML内容在浏览器内的显示样式,如文字大小,颜色,字体加粗等. 使用CSS样式通过定义某个样式,可以 ...

  9. CSS(层叠样式表cascading style sheet)——CSS样式、基础选择器

    一.CSS作用 对页面的外观进行美化 统一网站页面的风格 实现内容和样式的分离,适合团队开发 二.CSS语法规范 三.CSS引入方式   CSS的3种样式表 书写位置的不同分为:行内样式表(行内式) ...

  10. 【CSS】<Cascading Style Sheets>CSS常用高级技巧

    目录 一.CSS用户界面样式: 1.鼠标样式cursor 2.轮廓 outline 3.防止拖拽文本域resize 二.vertical-align 垂直对齐 图片和文字对齐 去除图片底侧空白缝隙 溢 ...

最新文章

  1. Django 缓存6.2
  2. python与excel的区别-Python比较两个excel文档内容的异同
  3. java继承构造_Java语言的继承结构
  4. libsvm 训练后,模型参数详解
  5. 跨平台开发框架 Lynx 初探
  6. (35)FPGA打两拍、打三拍设计(第7天)
  7. 网信办:网络音视频等平台不得诱导未成年人参与应援集资等活动
  8. 排序总结---常用的排序算法总结,java和js实现
  9. 写得蛮好的linux学习笔记[转]
  10. Servlet(四):转发与重定向、路径问题
  11. 【图像增强】基于matlab拉氏滤波图像质量提升【含Matlab源码 488期】
  12. 致第一次安装(yong)小小输入法的你
  13. Springboot 基础6 - Redis实战
  14. xps in html5,XPS and OXPS file support in Windows 7 and Windows 8
  15. 怎样阅读论文(台湾彭明辉)
  16. 深信服虚拟服务器断断续续的,深信服防火墙AF做双机时虚拟MAC问题的处理办法...
  17. 加州伯克利计算机科学录取,加州大学伯克利分校录取数据分析
  18. 金蝶K3WISE常用数据表(整理)
  19. 普林斯顿算法课作业的python实现(四)8 Puzzle
  20. 张慧勇:迅雷链在解决高性能之后,都在研究这些……

热门文章

  1. [重要笔记]网络信号在网线和集线器中传输
  2. WNcry@2o17
  3. win8 报file://CBD 0xc0000034 蓝屏
  4. 人工智能数学基础3:部分数学符号以及自然数、整数、有理数和实数的势
  5. 开源免费截图软件ShareX如何改变文字水印和logo特效透明度
  6. GPON(计算机网络相关)
  7. Android OS历史版本
  8. BZOJ1023 [SHOI2008]cactus仙人掌图
  9. 2017诺贝尔文学奖揭晓!1901-2017年最全诺奖书单来了
  10. [android] 运行编译报错:Entry name ‘assets/Icoxx.png‘ collided