CSS:层叠样式表(CascadingStyleSheets)
CSS选择器:基础选择器和复合选择器
基础选择器:标签选择器、类选择器、id选择器、通配符选择器
复合选择器:后代选择器、子选择器、并集选择器、伪类选择器
CSS字体类型属性:font-family;
CSS字体大小属性:font-size
CSS字体粗细属性:font-weight;
CSS字体样式属性:font-style;
CSS字体属性的复合属性:font;
CSS设置文本颜色属性:color;
CSS设置文本水平对齐方式属性:text-align;
CSS设置文本装饰属性:text-decoration;
CSS设置文本缩进属性:text-indent;
CSS设置文本行间距属性:line-height;
CSS的引入方式分为:行内样式表(行内式)、内部样式表(嵌入式)、外部样式表(链接式)
CSS块级元素:h1-h6、p、div、ul、ol、li等标签;无width、height:width=浏览器窗口;height=内容高度;
CSS行内元素:a、strong、b、em、i、span;无width、height:width=内容高度;height=内容高度;不能直接设置width、height;
CSS行内块元素:img/、input/、td;同时具有块元素和行内元素的特点;
CSS行内元素转换为块元素:display:block;
CSS块级元素转换为行内元素:display:inline;
CSS行内元素/块元素转换为行内块元素:display:inline-block;
CSS背景颜色属性:background-color;
CSS背景图片属性:background-image;
CSS背景平铺样式属性:background-repeat;
CSS背景图片位置属性:background-position;参数值:length(精确值px;px)、position(方位名词top、left、right、bottom、center);
CSS背景图片固定属性:background-attachment;
CSS背景设置透明度属性:background:rgba(),其中rgba的第四个参数值设置透明大小,透明度取值范围为[0,1];
CSS中选择器及权重大小:通配符*选择器和继承的权重为0,元素(标签)选择器的权重为1,类和伪类选择器的权重为10,id选择器的权重为,行内元素的权重为0,!important的权重为无穷大;
CSS边框属性:border;
CSS边框粗细属性:border-width;
CSS边框样式属性:border-style;
CSS边框颜色属性:border-color;
CSS单独设置左边框属性:border-left;
CSS单独设置右边框属性:border-right;
CSS单独设置上边框属性:border-top;
CSS单独设置下边框属性:border-bottom;
CSS元素边框与内容之间的距离属性:padding;
CSS单独设置左内边距属性:padding-left;
CSS单独设置右内边距属性:padding-right;
CSS单独设置上内边距属性:padding-top;
CSS单独设置下内边距属性:padding-bottom;
CSS内边距复合写法中使用1个参数值表示:同时设置上、下、左、右的内边距,且值相同;
CSS内边距复合写法中使用2个参数值表示:分别设置上下、左右的内边距,其中上下内边距为第1个参数值,左右内边距为第2个参数值;
CSS复合写法中使用3个参数值表示:分别设置上、左右、下的内边距,其中上内边距为第1个参数值,左右内边距为第2个参数值,下内边距为第3个参数值;
CSS复合写法中使用4个参数值表示:分别设置上、右、下、左的内边距(顺时针);
CSS元素盒子与盒子的距离属性:margin;
CSS元素单独设置左外边距属性:margin-left;
CSS元素单独设置右外边距属性:margin-right;
CSS元素单独设置上外边距属性:margin-top;
CSS元素单独设置下外边距属性:margin-bottom;
CSS外边距复合写法中使用1个参数值表示:同时设置上、下、左、右的外边距,且值相同;
CSS复合写法中使用2个参数值表示:同时设置上下、左右的外边距,其中上下外边距为第1个参数值,左右外边距为第2个参数值;
CSS复合写法中使用3个参数值表示:分别设置上、左右、下的外边距,其中上外边距为第1个参数值,左右外边距为第2个参数值,下外边距为第3个参数值;
CSS复合写法中使用4个参数值表示:分别设置上、右、下、左的外边距,其中上外边距为第1个参数值,右外边距为第2个参数值,下外边距为第3个参数值;左外边距为第4个参数值;
CSS3圆角边框样式属性:border-radius;
CSS3元素单独设置左上角的圆角边框属性:border-top-left-radius;
CSS3元素单独设置右上角的圆角边框属性:border-top-right-radius;
CSS3元素单独设置左下角的圆角边框属性:border-bottom-left-radius;
CSS3元素单独设置右下角的圆角边框属性:border-bottom-right-radius;
CSS3圆角边框复合写法中1个参数值表示:同时设置左上、右上、右下、左下的圆角边框,且值相同;
CSS3圆角边框复合写法中2个参数值表示:分别设置左上右下、右上左下的圆角边框,其中左上右下的圆角边框为第1个参数值,右上左下的圆角边框为第2个参数值;
CSS3复合写法中3个参数值表示:分别设置左上、右上左下、右下的圆角边框,其中左上的圆角边框为第1个参数值,右上左下的圆角边框为第2个参数值,右下圆角边框为第3个参数值;
CSS3复合写法中4个参数值表示:分别设置左上、右上、右下、左下的圆角边框(顺时针);
CSS3盒子阴影样式属性:box-shadow;
CSS3文本阴影样式属性:text-shadow;
CSS页面布局主要方式:普通流(标准流)、浮动(float)、定位(position);
CSS浮动布局属性与属性值:float(none、left、right);
CSS清除浮动属性与:clear(none、both、left、right);
CSS清除浮动的方式:额外标签法、父级元素添加overflow属性、父级元素添加after伪元素、父级元素添加双伪元素;
CSS定位方式属性及:position(static、relative、absolute、fixed)
CSS元素层叠变换属性:z-index;
CSS显示/隐藏元素属性:display(none、block)、visibility、overflow;
CSS属性值:visible、hidden、scroll、auto
CSS调用动画属性:animation-name,即animation-name:动画名称;
CSS动画持续时间属性:animation-duration;
CSS3元素2D转换属性:transform;
CSS32D转换中设置元素的移动属性:transform:translate;
CCS32D转换中设置元素的选择属性:transform:rotate(deg);
CCS32D转换中设置元素的缩放属性及属性值:transform:scale(x,g);
Firefox浏览器的私有前缀:-moz-;
IE浏览器的私有前缀:-ms-;
Safari和Chrome浏览器的私有前缀:-webkit-;
Opera浏览器的私有前缀:-o-;
CSS在flex布局中对父级容器设置主轴方式属性:flex-direction;
CSS在flex布局中对父级容器设置子元素换行属性:flex-wrap;
CSS在flex布局中对父级容器设置主轴上子元素的排列方式属性:justify-content;
CSS在flex布局中对父级容器设置侧轴上子元素为多行排列方式属性:align-content;