网页分成三个部分
结构 html
表现 css
行为
css -层叠样式表
网页其实是多层的,css可以给每一层设置样式,最终我们看到的是最上面的一层
你要找的事,找对追求目标,然后各种花招追求她(他)
color 设置字体颜色
backgroundColor 设置背景色
font-size 设置字体的大小
第一种方式:内联样式/行内样式
直接写在开始标签里面
style属性,在属性值里写css样式
css样式的语法:样式名:样式值; 名值对
可以写多组样式,只要以分隔号隔开即可
优势:
1、比较有针对性
缺点:
1、修改起来不方便
2、结构和表现耦合了
第二种方式:内部样式表
在head标签内部,写一个style标签,通过各种选择器选中对应元素,在{}内设置样式
样式结构也是名值对,可以写多组样式,必须用分隔号隔开,最后一个样式,可以不用分隔号
但一般我们都是加上分隔号的
优势:
1、修改比较方便
2、结构和表现就分开
缺点:
1、不方便复用
<style>
</style>
第三种方式:外部样式表
在html文件外,新建.css文件,在css文件里,选中对应的元素,设置样式
通过link标签,引入.css文件,即可生效
这种方式推荐使用
比较方便复用,而且html文件也更干净
<link rel="stylesheet" href="./index.css">
</head>
<body>
CSS的语法:
选择器 声明块
选择器:
声明块:名值对结构 样式名:样式值;