CSS

1.基本语法

• CSS样式由选择器和声明组成，声明由属性和值组成，属性和值之间使用冒号分隔；多个属性之间使用分号分隔

选择器{属性1:值1;属性2:值2}	例如：	p{color:red;font-size:30px}

• CSS样式嵌入的方式

  • 1）写在标签的style属性中：结构与表现相耦合，不建议使用

  <p style="color: red;font-size: 30px">师傅领进门，修行在个人</p>
  

  • 2）写在style标签中，style标签放在head中：开发阶段使用

  <style>
  		p{
  			color: red;
  			font-size: 20px
  		}
  	</style>
  

  • 3）引入外部的css文件：项目上线之后使用

  <link rel="stylesheet" type="text/css" href="style.css">
  

2.基本选择器

• 标签选择器

  • 格式：就是HTML标签

  p{color:red}
  	-将段落中的内容设置为红色
  

• ID选择器

  • 格式：#id属性值

  #p1{color:green}
  	-将id属性值为p1的标签中的内容设置为绿色
  

• 类选择器

  • 格式：.class属性值

  .p2{color:blue}
  	-将class属性值为p2的标签中的内容设置为蓝色
  

• 选择器分组

  • 格式：将各个选择器使用逗号分隔，将它们设置为一组，统一设置样式

  #p1,.p2{font-size:66px}
  	-将id属性值为p1和class属性值为p2的标签中的字体的大小设置为66像素
  

3.颜色的表示方式

• 1）使用英文单词
  • 红色：red
• 2）使用rgb值
  • 红色：rgb(255,0,0)
• 3）使用十六进制数
  • 红色：#FF0000或#ff0000或#F00或#f00