CSS又称层叠样式表,实际上网页是一个嵌套的层叠结果,多层摞在一起,我们看到的只是最上面一层的样式。通过CSS,我们可以修改每一层的样式。
使用CSS修改元素样式的方式如下:
第一种方式(内联样式、行内样式),不推荐使用
1、在标签内通过style属性来设置元素的样式,以分号结尾。
2、缺点不利于复用,不利于维护
<p style="color: red; font-size: 20px;">我在学习CSS样式</p>
第二种方式(内部样式表)
1、在head标签中,添加style标签,然后通过CSS样式选择器来为选中的元素设置样式,利于复用和维护。
2、缺点,内部样式表仅对当前网页起作用,不可夸网页复用。
<style>
p{
color: red;
font-size: 20px;
}
</style>
第三种方式(外部样式表),推荐使用
1、可以将CSS内容编写到一个外部的CSS文件中,然后通过link标签引入使用
2、有利于多个页面之间的复用,推荐使用
3、将样式表编写在外部样式表中,有利于使用浏览器的缓存机制,提升加载速度,提高用户体验。
<link rel="stylesheet" href="style.css">
基础语法
1、注释: /* */
2、选择器 声明块
选择器:通过选择器可以选择页面中的指定元素,比如p的作用就是选择页面中所有的p元素
声明块:通过声明块来为选择器指定的元素设置样式,声明块由一个一个的声明组成,是一个明值对结构。
p{
color: red;
font-size: 20px;
}
网友评论