HTML与CSS学习这篇笔记主要记了CSS的基础语法，选择器，字体属性，文本属性，CSS三种引入方式初学者写下的笔记，如有错误，欢迎大家前来指正。CSS基础CSS主要来美化网页CSS层叠样式表的简称(标记语言)CSS语法规范选择器+{多条声明}注释为/* */CSS要写在<head>里的<style>标签之中代码示例(以p标签为例...
HTML与CSS学习
这篇笔记主要记了CSS的基础语法，选择器，字体属性，文本属性，CSS三种引入方式
初学者写下的笔记，如有错误，欢迎大家前来指正。
CSS基础
- CSS主要来美化网页
- CSS层叠样式表的简称(标记语言)
CSS语法规范
-
选择器+{多条声明}
-
注释为
/* */ -
CSS要写在
<head>里的<style>标签之中 -
代码示例(以p标签为例)：
<style>
p {
color: red;
font-size: 12px;
/* 修改文字大小 */
}
</style>
CSS代码风格
-
样式格式
- 紧凑格式:都写在一行上
- 展开格式:展开书写(主流写法)
-
样式大小写: 默认小写
-
空格规范
- 在冒号后面添加一个空格
- 选择器和大括号之间保留一个空格
CSS选择器
- 分类：
- 基础选择器
- 标签选择器
- 类选择器
- id选择器
- 通配符选择器
- 复合选择器(在demo5里)
- 基础选择器
标签选择器
- 标签名作为选择器
- 优点:
- 可以一次修改所有某一类的标签的样式
- 缺点:
- 没法区分同名标签内的元素
类选择器
- 单独选择一个或几个标签
- 语法样例：
.类名 (class属性) {
属性1: 属性值1;
}
-
标签中加class属性
-
无视标签，所有有相同class属性的都会改变样式
-
不能用标签名做class属性
-
css里的背景颜色
background-color
类选择器里的多类名
- 给一个标签指定多个类名(class)
- 代码示例
<div class=
最低0.47元/天 解锁文章
477
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
