这是我参与「第五届青训营 」伴学笔记创作活动的第2天
今天进行了css的学习
学习内容
什么是css
- 定义：级联样式表，是一种样式表语言，用于描述文档的呈现方式。
- 其他样式表：XML，markdown...
- css在1994年被第一次提议作为一种样式表语言
css用途
用来控制页面的样式和布局，将结构样式分离，实现html负责结构，css负责样式。
css的使用方法
- 直接添加到html元素中，在标签内通过style属性进行添加样式
- 在
<head>中声明样式，在声明的样式中声明类进行样式添加，在想要使用这个样式的项目中使用类，这些样式可以在任何位置被重复使用 3.外部样式表，在文档中链接一个Stylesheet.css文件，在其中包含样式，使得浏览器加载文档时，会加载css文件并使用。此方法的优点是样式不在文档中，更容易阅读和维护；而且可以将该样式文件链接到多个HTML文档应用中。
css选择器
- 标签元素选择器，直接将页面中的标签当做选择器来添加样式
- 类选择器，给想要添加样式的标签添加一个类，通过.+类名进行样式添加
- id选择器，给想要添加样式的标签命名一个id，通过#+id进行样式添加
- 其中优先级最高的是id选择器，其次是类选择器，最后是标签选择器当有多种选择器对同一目标进行样式修改时，优先级高的会覆盖优先级低的。
css的基础样式
字体
font-family字体更改属性font-size字体大小font-weight字体粗细或显示方式text-align文本对齐 left / center/ right/ justify分隔文本以便与父元素的右侧和左侧对齐background-color背景颜色opacity不透明度 1-0,越小越浅background-image设置背景图片 url（"路径"）
排版
weight1-1000bold: 粗体字重，700normal400lighterbolderstyle风格：斜体等text-transform大小写转换uppercase大写lowercase小写Letter Spacing字母间距Word Spacing字间距line-height行高
颜色
RGB--描述红、绿、蓝混合的数值HSL--描述色调、饱和度和亮度混合的数值- 十六进制颜色#加6位数字或字母
- RGB十进制 0-255的数字
rgba最后一个为alpha不透明度hsla色调 饱和度 亮度 不透明度
box
- 盒子内部元素区域用height，width设置高度宽度，单位为px
border边框 width设置粗细，style设置虚实，color设置颜色padding边框与内部区域与边框之间的距离 用百分比或像素设置margin边距 边框与其他盒子或元素的距离
学习总结
- html是用于一个界面的内容结构的修改，而css用于将这个界面变得充满色彩，个性，变得引人注目，想要吸引别人阅读，就需要有一个优秀的css样式，有了css，界面就仿佛添加了灵魂，这更是对前端服务更进一步的体现。
- 想要写出优质的css样式，就需要对css各种样式和属性有深入的了解，这是需要长时间的学习、阅读积累的。
- 在html与css的优化中，尽可能做到结构和表现分离，这可以让代码变得高质量。
