• CSS:层叠样式表(Cascading Style Sheets)

  • 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(精确值100px;200px)、position(方位名词top、left、right、bottom、center);

  • CSS背景图片固定属性:background-attachment;

  • CSS背景设置透明度属性:background:rgba(),其中rgba的第四个参数值设置透明大小,透明度取值范围为[0,1]

  • CSS中选择器及权重大小:通配符*选择器和继承的权重为0,元素(标签)选择器的权重为1,类和伪类选择器的权重为10,id选择器的权重为100,行内元素的权重为1000,!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)、visibilityoverflow;

    • CSS 属性值:visible、hidden、scroll、auto

    • CSS调用动画属性:animation-name,即animation-name:动画名称

    • CSS动画持续时间属性:animation-duration;

    • CSS3元素2D转换属性:transform;

    • CSS3 2D转换中设置元素的移动属性:transform:translate;

    • CCS3 2D转换中设置元素的选择属性:transform:rotate(deg);

    • CCS3 2D转换中设置元素的缩放属性及属性值:transform:scale(x,g);

    • Firefox浏览器的私有前缀-moz-;

    • IE浏览器的私有前缀-ms-

    • SafariChrome浏览器的私有前缀-webkit-;

    • Opera浏览器的私有前缀-o-;

    • CSS在flex布局中对父级容器设置主轴方式属性:flex-direction;

    • CSS在flex布局中对父级容器设置子元素换行属性:flex-wrap;

    • CSS在flex布局中对父级容器设置主轴上子元素的排列方式属性:justify-content;

    • CSS在flex布局中对父级容器设置侧轴上子元素为多行排列方式属性:align-content;

    举报/反馈

    白之家资料

    38获赞 6粉丝
    考试教育、IT互联网等相关资料
    关注
    0
    0
    收藏
    分享