一、CSS简介
CSS 指层叠样式表 (Cascading Style Sheets)
让网页元素的样式更加丰富
使用 CSS 我们可以大大提升网页开发的工作效率
使用 CSS 同时控制多重网页的样式和布局 有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁。
二、CSS的基础语法
1、代码演示
- 在python编辑器中先创建一个HTLML文档
- 然后在<body>标签内写入一个文本内容,字体大小为<h1>
- 接着在<head></head>标签中创建一个<style>标签,在<style>中写入css语句,这个css语句是要修改<h1>标签内的文本样式
注意:声明标签样式都是写在style里面的,style标签通常是在title标签下
- 写入css样式和未写入css样式的的运行结果对比
2、css注释
注释语法: /*注释内容*/
三、CSS选择器
css选择器一共有五种,分别是:
- id选择器
- class选择器
- 标签选择器
- 层级选择器
- 伪类选择器
下面将对这五类选择器的使用进行演示和说明
1、id选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
代码演示 :
运行结果
2、class选择器
class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:
代码演示:
运行结果
3、标签选择器
一个完整的HTML页面是由很多不同的标签组成,而[标签选择器],则是决定哪些标签采用相应的CSS样式 。
代码演示 :
运行结果