Snofly
423 words
2 minutes
CSS 学习笔记
2019-09-26

CSS 语法#

CSS 结构#

格式: 在这里插入图片描述镶嵌: 在这里插入图片描述

CSS 属性#

background-color指定背景色

border段落边框

color改变字体颜色属性

font-family设置字体

border-bottom设置下边框

font-size字体大小

font-weight字体粗细

text-decoration更多样式

line-height行距

高级用法#

link 元素用来引入外部样式表

在这里插入图片描述

创建 first.css 文件#

独立出 html,方便使用。

使用 class#

用 class 属性将一个元素加入类中。 使用“.”符号来选择类里的某个元素。

text-decoration#

none取消文本修饰

line-through中划线

underline下划线

overline上划线

两个包含语义和文本修饰的 HTML 元素

ins插入内容,下划线。

del删除内容,中划线。

字体设置#

在这里插入图片描述

盒模式#

在这里插入图片描述盒模式:CSS 控制元素显示的方式 内容区、补白、边框、外边距

背景图片可以在内容和补白底下显示 但是不能越过边框

设置补白、边框和外边距时 可以分别设置各个侧面的属性 left, right, top, bottom

id 元素给元素设置页面唯一的名字 使用“#”号选择 id 中的元素

页面#

页面元素的结构化:divspan div 和 span 可以构建一些严格的支持结构 text-align:center 居中对齐

浮动布局设计#

#

浏览器会一边走读文档,一边把路过的元素从左向右、从上向下放到合适位置。

内联元素:从左至右 块元素:从上至下

display:none 把元素隐藏

CSS 学习笔记
http://www.snofly.cn/posts/frontend-basic/css-snack/
Author
snofly
Published at
2019-09-26