CSS继承-层叠-元素类型

目录

一、CSS的属性继承​

二、常见的继承属性有哪些呢?(不用记)​

三、CSS属性的层叠​

四、选择器的权重​

五、HTML元素的类型​

六、通过CSS修改元素类型​

七、CSS属性 - display​

八、display值的特性(非常重要)​

九、编写HTML时的注意事项​

十、元素隐藏方法​

十一、CSS属性 - overflow​

十二、CSS样式不生效技巧​


一、CSS的属性继承
CSS继承-层叠-元素类型_第1张图片

二、常见的继承属性有哪些呢?(不用记)
CSS继承-层叠-元素类型_第2张图片




  
  
  
  Document
  


  
  

我是h1元素

我是p元素 哈哈哈 呵呵呵

我是span元素

 CSS继承-层叠-元素类型_第3张图片




  
  
  
  Document
  


  
  
box本身的内容

我是p元素

 




  
  
  
  Document
  


  
  

我是p元素

我是h1元素

 

三、CSS属性的层叠
CSS继承-层叠-元素类型_第4张图片

四、选择器的权重
CSS继承-层叠-元素类型_第5张图片




  
  
  
  Document
  



  
我是box




  
  
  
  Document
  


  
  
  
我是div元素

五、HTML元素的类型
CSS继承-层叠-元素类型_第6张图片




  
  
  
  Document


  
  
  
  
  
  

我是标题

 

六、通过CSS修改元素类型
CSS继承-层叠-元素类型_第7张图片




  
  
  
  Document
  


  
  
我是div元素
我是span元素 百度一下

七、CSS属性 - display
CSS继承-层叠-元素类型_第8张图片

八、display值的特性(非常重要)
CSS继承-层叠-元素类型_第9张图片




  
  
  
  Document
  


  
  
我是div元素
我是span元素

 CSS继承-层叠-元素类型_第10张图片




  
  
  
  Document
  


  
  百度一下
  
我是box
我是span元素

 CSS继承-层叠-元素类型_第11张图片

九、编写HTML时的注意事项
CSS继承-层叠-元素类型_第12张图片




  
  
  
  Document



  
  

  

123

我是div元素
abc

321

cba

 CSS继承-层叠-元素类型_第13张图片

十、元素隐藏方法
CSS继承-层叠-元素类型_第14张图片




  
  
  
  Document
  


  
  
我是div元素
哈哈哈哈
我是content
呵呵呵呵

 




  
  
  
  Document
  


  
  
我是box1
我是box2

 

十一、CSS属性 - overflow
CSS继承-层叠-元素类型_第15张图片




  
  
  
  Document
  


  
  
从充满历史气息的传统对称式花园,到各地功能与美感俱佳的小小菜园,再到与大艺术家们设计园林的邂逅,还是蒙顿·唐,说着一口流利的法语,寻访法国的每个角落,让人领略到原汁原味的法国风情,体会法国人融入骨子里的浪漫与优雅。

 

十二、CSS样式不生效技巧
CSS继承-层叠-元素类型_第16张图片

 

 

你可能感兴趣的:(CSS3,css)