重庆SEO前端技术博客

重庆SEO前端技术博客

当前位置: 主页 > CSS >

什么是CSS_CSS的工作方式

时间:2020-09-05 14:09来源:未知 作者:admin 点击:
什么是 CSS ? CSS全称为Cascading Style Sheets,中文翻译为层叠样式表,简称CSS样式表,所以称之为层叠样式表(Cascading Stylesheet)简称CSS。CSS代表级联样式表,重点放在样式上。HTML用于构造
  什么是CSS
 
  CSS全称为Cascading Style Sheets,中文翻译为“层叠样式表”,简称CSS样式表,所以称之为层叠样式表(Cascading Stylesheet)简称CSS。CSS代表级联样式表,重点放在“样式”上。HTML用于构造Web文档(定义标题和段落之类的内容,并允许您嵌入图像,视频和其他媒体),而CSS则通过并指定了文档的样式-页面布局。
 
什么是CSS_CSS的工作方式
 
  CSS的工作方式
 
  css的三种方法的应用范围
 
  行内样式:只能影响它所在的标签,并且总是覆盖嵌入样式和链接样式的
 
  嵌入样式:能影响当前的页面,但总是覆盖链接样式,并总被行内样式覆盖
 
  链接样式:能影响到整个网站,只需使用<link>标签指定样式表即可,但链接样式总会被行内样式和嵌入样式覆盖
 
  CSS通过与HTML元素进行交互来为您的网页带来样式。元素是网页的单个HTML组件(例如一个段落),在HTML中可能看起来像这样:
 
  <p>这是我的段落!</ p>
 
  如果您想使此段在通过网络浏览器查看您的网页的用户中显示为粉红色和粗体,则可以使用如下所示的CSS代码:
 
  p {color:pink; font-weight:bold; }
 
  在这种情况下,“ p”(该段)称为“选择器”,它是CSS代码的一部分,用于指定CSS样式将影响哪个HTML元素。在CSS中,选择器写在第一个花括号的左侧。大括号之间的信息称为声明,它包含应用于选择器的属性和值。属性是诸如字体大小,颜色和边距之类的东西,而值则是这些属性的设置。在上面的示例中,“颜色”和“字体粗细”都是属性,而“粉红色”和“粗体”是值。全括号的
 
  {color:pink; font-weight:bold; }
 
  是声明,再次,“ p”(表示HTML段落)是选择器。这些相同的基本原理可以应用于更改字体大小,背景颜色,边距缩进等等。例如。。。
 
  身体{background-color:lightblue; }
 
  。。会使页面的背景变成浅蓝色,或者。。。
 
  p {font-size:20px; 红色; }
 
  。。。将创建一个带有红色字母的20点字体段落。
------分隔线----------------------------
推荐内容