1、CSS简介
- CSS 指的是
层叠样式表
(Cascading Style Sheets) - CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
- CSS 节省了大量工作。它可以同时控制多张网页的布局
- 外部样式表存储在 CSS 文件中
使用CSS来修改元素样式的方式大致可以分为3种:
内联样式(行内样式)
在标签内部通过style
属性来设置元素的样式
<p style="color:red;font-size:60px;">内联样式(行内样式)</p>
内部样式表
将样式编写到head
中的style
标签里然后通过css的选择器来选中元素并为其设置各种样式可以同时为多个标签设置样式,并且修改时只需要修改一处即可。内部样式表更加方便对样式进行复用
<style>
p{
color:green;
font-size:50px;
}
</style>
外部样式表
可以将css样式编写到一个外部的CSS文件中,然后通过`link`标签来引入外部的CSS文件<link rel="stylesheet" href="./style.css">
2、基本语法
注释
只能使用/*
和*/
包裹。即不管是单行注释,还是多行注释,都是以/*
开头,以*/
结尾
/* css中的单行注释 */
/*
css中的多行注释
css中的多行注释
*/
基本语法
选择器 声明块
选择器
通过选择器可以选中页面中的指定元素
声明块
通过声明块来指定要为元素设置的样式
- 声明块由一个一个的声明组成,声明是一个
名值对
结构 - 一个样式名对应一个样式值,名和值之间以
:
连接,以;
结尾
/*
选择器p选中页面中所有的p元素声明块
声明块中有两条声明分别设置颜色和字体大小
*/
p{
color:green;
font-size:50px;
}