Python-Web之CSS介绍及应用(上)

一、CSS 语法介绍

一.CSS介绍

• CSS全称为:Cascading Style Sheets,意为层叠样式表,与HTML相辅相成,实现网页的排版布局与样式美化

二.CSS使用方式

1.行内样式/内联样式

• 借助于style标签属性,为当前的元素添加样式声明,CSS样式声明由CSS属性和值组成:style="属性:值;属性:值;"
• 语法:<标签名 style=“样式声明”>
• 常用CSS属性:
  • 设置文本颜色 color:red;
  • 设置背景颜色 background-color:green;
  • 设置字体大小 font-size:32px;

2.内嵌样式

• 借助于style标签,在HTML文档中嵌入CSS样式代码,可以实现CSS样式与HTML标签之间的分离。同时需借助于CSS选择器到HTML 中匹配元素并应用样式

  示例:
  <style>
      选择器{
        
          属性:值;
          属性:值;
      }
  </style>
  

• 选择器:通过标签名或者某些属性值到页面中选取相应的元素,为其应用样式

  示例:
  <!--标签选择器:根据标签名匹配所有的该元素-->
  <style>
      p{
        
          color:red;
      }
  </style>
  

3.外链样式表

• 创建外部样式表文件 后缀使用.css ,在HTML文件中使用标签引入外部样式表

• 样式表文件中借助选择器匹配元素应用样式

  <link rel="stylesheet" href="URL" type