关于CSS的学习记录 | 青训营

46 阅读2分钟

认识CSS

CSS(Cascading Style Sheet)层叠样式表: 一组样式设置的规则,用于控制页面的外观样式,主要是为了页面外观美化,布局和定位。

css主要包含选择器、属性名和属性值

CSS的应用方式

css有三种应用方式:内部样式、行内样式、外部样式

内部样式也叫内嵌样式,在页面头部通过style标签定义,所有符合样式的选择器都适用

行内样式也称嵌入样式,用HTML标签的style属性定义,只对设置style属性的标签起作用

外部样式使用单独的.css文件定义,然后在页面中使用 link标签或@import指令引入

选择器

基础选择器有标签选择器、类选择器、ID选择器 类选择器以.号为前缀,ID选择器以#作为前缀

复杂选择器有复合选择器、组合选择器、嵌套选择器、伪类选择器、伪元素选择器

选择器是有优先级的 行内选择器>ID选择器>类选择器>标签选择器 而内外部样式的加载顺序遵循就近原则, !important可以使其拥有最高优先级

常用属性

1.字体属性

font-size 大小、尺寸 font-weight 粗细 font-family 字体 font-style 样式 font 简写

2.文本属性 color 颜色 line-height 行高 text-align 水平对齐方式 vertical-align 垂直对齐方式 text-indent 首行缩进 text-decoration 文本修饰 text-transform 字母大小写转换 letter-spacing 字符间距离 word-spacing 单词间距 white-space 空白的处理方式

3.背景属性 background-color 背景颜色 background-image 背景图片 background-repeat 背景图片的重复方式 background-position 背景图片的显示位置 background-attachment 背景图片是否跟随滚动 background 简写

4.列表属性 list-style-type 设置列表前的标记 list-style-image 将图像作为列表前的标记 list-style-position 设置标记的位置 list-style 简写

5.表格属性 border-collapse 表格中相邻的边框是否合并为单一边框

————————————

浅浅记录下学习笔记,脑子记不住哇