|
前端学习笔记教程定时更新中，传送门： 前端HTML第1天：什么是网页？什么是HTML？网页怎么形成？HTML标签大全前端学习：表格学习，附练习+源码前端学习之列表，附送全套源码
本文配套课程：前端HTML5+CSS3+移动Web全套教程，下面开启咱们CSS学习的第1天。
1、CSS简介
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简叫作. 有时咱们亦会叫作之为 CSS 样式表或级联样式表。
CSS 是亦是一种标记语言
CSS 重点用于设置 HTML 页面中的文本内容（字体、体积、对齐方式等）、照片的外形（宽高、边框样式、边距等）以及版面的布局和外观表示样式。
CSS 让咱们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS 能够美化 HTML , 让 HTML 更美丽， 让页面布局更简单。
CSS 最大价值: 由 HTML 专注去做结构呈现，样式交给 CSS，即 结构 ( HTML ) 与样式( CSS ) 相分离
1.1 CSS语法规范
1.运用 HTML 时，必须遵从必定的规范，CSS 亦是如此。想要熟悉地运用 CSS 对网页进行修饰，首要必须认识CSS 样式规则。
2.CSS 规则由两个重点的部分形成：选取器以及一条或多条声明。
1.选取器是用于指定 CSS 样式的 HTML 标签，花括号内是对该对象设置的详细样式 2.属性和属性值以“键值对”的形式显现 3.属性是对指定的对象设置的样式属性，例如字体体积、文本颜色等 4.属性和属性值之间用英文“:”掰开 5.多个“键值对”之间用英文“;”进行区分 例如：
所有的样式，都包括在 <style> 标签内，暗示是样式表。<style> 通常写到 </head> 上方
<head>
<style>
h4 {
color: blue;
font-size: 100px;
}
</style>
</head>
2、CSS代码风格
2.1 样式格式书写
1. 样式格式书写
1.紧凑格式
h3 { color: deeppink;font-size: 20px;}
2.展开格式
h3 {
color: pink;
font-size: 20px;
}
剧烈举荐第二种格式， 由于更直观。
2. 样式大小写风格
1.小写格式
h3 {
color: pink;
}
2.大写格式
H3 {
COLOR: PINK;
}
剧烈举荐样式选取器，属性名，属性值重要字所有运用小写字母，特殊状况除外。
3. 样式空格风格
1. h3 {
color: pink;
}
属性值前面，冒号后面，保存一个空格
选取器（标签）和大括号中间保存空格
2.2 CSS选取器的功效
答：选取器(选取符)便是按照区别需求把区别的标签选
| 
发表于 2024-6-30 10:51:42
