首页 > Web开发 > 详细

1 CSS简介&语法&选择器及优先级&背景&文本

时间:2019-09-03 19:00:09      阅读:92      评论:0      收藏:0      [点我收藏+]

什么是CSS?

  • Cascading Style Sheets层叠样式表,样式定义如何显示HTML元素
  • 样式通常存储于样式表中,外部样式表通常存储在CSS文件中
  • 多个样式定义可层叠为1,样式对网页中元素位置的排版进行像素级精确控制 

 

对于同一个HTML元素,样式级别升序如下所示:

  1. 浏览器缺省设置
  2. 外部样式表
  3. 内部样式表(位于head标签内部)
  4. 内联样式(在HTML元素内部,优先级最高)

 

CSS语法:

css语法构成:

  1. 选择器,通常是需要改变样式的HTML元素
  2. 一条或者多条声明,每条声明由一个属性和一个值组成,属性之间以冒号分隔
  3. 声明以分号结束,声明组以大括号括起来

 

CSS选择器:

id选择器:在HTML起始标签中以id属性设置元素,在CSS中以"#"定义

class选择器:在HTML中以class属性表示,在CSS中类似选择器以"."表示

 

选择器优先级顺序(升序):

  1. 通用选择器
  2. 元素(类型)选择器
  3. 类选择器
  4. 属性选择器
  5. 伪类
  6. id选择器
  7. 内联样式
  8. !important规则除外(了解)

优先级法则:

  1. 选择器都有一个权值,此权值与优先级成正比
  2. 权值相等时,后出现的样式表设置要优先于先出现的样式表设置
  3. 创作者规则高于浏览者,网页编写者规则优先于浏览器设置
  4. 继承的CSS样式不如后来指定的CSS样式
  5. 在同一组属性设置中标有"!important"规则的优先级最大

 

CSS背景:

用于定义HTML元素的背景

  • background-color:元素的背景颜色
  • background-image:元素的背景图片
  • background-repeat:背景图像的水平或者垂直平铺
  • background-position:图像在背景中的位置
  • background-attachment:图像是否固定或者随页面滚动

 

1 CSS简介&语法&选择器及优先级&背景&文本

原文:https://www.cnblogs.com/ltfxy/p/11454448.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!