CSS(一)

2018-06-24 00:37:38来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

概念:

  1. CSS 指层叠样式表 (Cascading Style Sheets),是一种标记语言。由三部分构成:选择器、属性和值: selector {property: value;} 
  2. CSS的声明是键值对成对出现,属性和值被冒号分开,声明总是以分号(;)结束。
  3. CSS的注释跟HTML的不一样,HTML的是<!--注释-->,而CSS的注释跟C语言的注释一样/*注释*/

选择器:

  • id选择器: id 选择器以 "#" 来定义。
  • class选择器:class 选择器以一个点"."号显示
 1 <style>
 2 #abc{ /*属性不要以数字开头*/
 3     text-align:center;
 4     color:red;
 5 }
 6 .juzhong{
 7     text-align:center;
 8 }
 9 h4.kaoyou{
10     text-align:right;
11 }
12 </style>
13 <p id="abc">#声明的为id选择器</p>
14 <p>不做任何改变</p>
15 <p class="juzhong">.声明证明是class选择器</p>
16 <h4 class="kaoyou">h4.声明只能用来修饰h4标签</h4>

 

插入样式表的方法有三种:

  • 外部样式表:当样式需要应用于很多页面时。
  • 内部样式表:单个文档需要特殊的样式时。
  • 内联样式:当样式仅需要在一个元素上应用一次时。

样式表的优先级:(从低到高)

  1. 浏览器缺省设置
  2. 外部样式表
  3. 内部样式表(位于 <head> 标签内部)
  4. 内联样式(在 HTML 元素内部)

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Gulp如何编译sass

下一篇:CSS高级选择符