CSS基础

CSS基础

铺网页的三种技术

HTML：站在语意的角度负责结构

CSS：站在美学的角度去进行美化

JavaScript：站在用户体验的角度进行交互

了解CSS

什么是CSS？

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML
或XML（标准通用标记语言的一个子集）。等文件样式的计算机语言。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素
进行格式化

核心关键词：层叠样式表

样式表：负责美化

层叠：样式不会消失而只是会被覆盖

CSS的三种使用方法

• 使用CSS属性

<h1 style="color:red;">Hello,World</h1>

• 使用标签

    <style>
    /*css注释*/
    /*css选择器 */
    p {
    	color: blue;
    }
  

• 建立一个.CSS文件，使用link链接

<link rel="stylesheet" href="01.css">

CSS的三种选择器

<p>我是HTML选择器</p>  
<div class="x">我是class选择器</div>
<div id="y">我是ｉｄ选择器</div>

• HTML选择器

    p {
    	color: red;
    }
  

• class选择器

    .x {
    	color: blue;
    }
  

• ID选择器

    #y {
    	color: green;
    }
  

选择器冲突

谁更精确就听谁的

	div {
		color: blue;
	}

	#test {
		color: green;
	}

	.d1 {
		color: red;
	}
	/*谁更精确就听谁的*/

通配符

用“*”表示：选择网页中的所有标签

* {
		/*通配符 选择网页中的所有标签*/
		color: red;

	}

div标签与span标签

• 二者都是无意义的标签
• div表示切割网页，span表示网页中的一个跨度