初学Css笔记 | 易学教程

Css介绍

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

Css笔记

字体相关属性：
font (字体)
color (颜色)
font- (字体-加粗)
font-size (字体-大小)
font-weight (字体-类型)
text-shadow (文本的阴影效果)
line-height (行间的距离,行高)
letter-spacing (字体间的距离)
text-align (文本-水平对齐)
direction (内容显示方向)
背景相关属性：
Background (背景)
background-attachment (固定到背景)
background-color (背景-颜色)
background-image (背景-图片)
background-position (背景-图片-位置)
background-repeat (背景-是否及如何重复背景图像)
background-size (背景-大小)
边框相关属性：
border (边框)
border-color (边框-颜色)
border-style (边框-样式)
border-width (边框-宽度)
border-top (边框-顶部)
border-top-color (边框-顶部-颜色)
border-top-style (边框-顶部-样式)
border-top-width (边框-顶部-宽度)
border-right (边框-右边)
border-right-color (边框-右边-颜色)
border-right-style (边框-右边-样式)
border-right-width (边框-右边-宽度)
border-bottom (边框-底部)
border-bottom-color (边框-底部-颜色)
border-bottom-style (边框-底部-样式)
border-bottom-width (边框-底部-宽度)
border-left (边框-左边)
border-left-color (边框-左边-颜色)
border-left-style (边框-左边-样式)
border-left-width (边框-左边-宽度)
none (不，没有的)
hidden (隐藏的)
dotted (定义点状边框。在大多数浏览器中呈现为实线。)
dashed (虚线)
solid (实线)
double (双线)
渐变边框：
border-top-colors (边框-顶部-颜色(渐变))
border-right-colors (边框-右边-颜色(渐变))
border-bottom-colors (边框-底部-颜色(渐变))
border-left-colors (边框-左边-颜色(渐变))
圆角边框：
border-top-left-radius (边框-左上角(圆角))
border-top-right-radius (边框-右上角(圆角))
border-bottom-left-radius (边框-左下角(圆角))
border-bottom-right-radius (边框-右下角(圆角))
图片边框：
border-image-source (边框-图片-来源)
补丁相关属性；
padding (内边距)
padding-top (内边距-顶部)
padding-right (内边距-右边)
padding-bottom (内边距-底部)
padding-left (内边距-左边)
margin (外边距)
margin-top (外边距-顶部)
margin-right (外边距-右边)
margin-bottom (外边距-底部)
margin-left (外边距-左边)
大小相关属性：
height (高)
max-height (最大高度)
min-height (最小高度)
width (宽)
max-width (最大宽度)
min-width (最小宽度)
定位相关属性：
position (控制文档中某个元素的定位)
z-index (元素的堆叠顺序)
top (顶部)
right (右边)
bottom (底部)
left (左边)
轮廓相关属性：
outline (轮廓)
outline-color (轮廓-颜色)
outline-style (轮廓-样式)
布局相关属性：
float (浮动)
clear (清除)
overflow (溢出)
clip (剪裁)
overflow-x (溢出-横向)
overflow-y (溢出-竖向)
visibility (指定元素应当可见还是隐藏)
display (框的类型)
表格相关属性：
border-collapse (是否合并表格边框)
border-spacing (相邻单元格边框之间的距离)
caption-side (表格标题的位置)
empty-cells (是否显示表格中的空单元格上的边框和背景)
table-layout (用于表格的布局算法)
列表相关属性：
list-style (列表-类型)
list-style-image (使用图像来替换列表项的标记)
控制光标的属性：
cursor (光标类型(形状))