CSS与CSS3基础知识

2023-05-28 0 949

CSS:竹节JSP(Cascading Style Sheets)

CSS示例:此基础示例A43EI235E示例

此基础示例:条码示例类示例id示例纯虚示例

CSS与CSS3基础知识

A43EI235E示例:后裔示例子示例补集选择器regardless示例

CSS与CSS3基础知识

CSS手写体类别特性:font-family

CSS手写体大小特性:font-size

CSS手写体粗细特性:font-weight

CSS手写体样式特性:font-style;

CSS手写体特性的A43EI235E特性font

CSS与CSS3基础知识

CSS设置文本颜色特性:color;

CSS设置文本水平对齐方式特性:text-align;

CSS设置文本装饰特性:text-decoration;

CSS设置文本缩进特性:text-indent;

CSS设置文本行间距特性:line-height;

CSS与CSS3基础知识

CSS的引入方式分为:行内JSP(行内式)内部JSP(嵌入式)外部JSP(链接式)

CSS与CSS3基础知识

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与CSS3基础知识

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与CSS3基础知识

CSS中示例及权重大小:纯虚*示例和继承的权重为0,元素(条码)示例的权重为1,类和regardless示例的权重为10,id示例的权重为100,行内元素的权重为1000,!important的权重为无穷大;

CSS与CSS3基础知识

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内边距A43EI235E写法中使用1个参数值表示:同时设置上、下、左、右的内边距,且值相同

CSS内边距A43EI235E写法中使用2个参数值表示:分别设置上下、左右的内边距,其中上下内边距为第1个参数值,左右内边距为第2个参数值;

CSSA43EI235E写法中使用3个参数值表示:分别设置上、左右、下的内边距,其中上内边距为第1个参数值,左右内边距为第2个参数值,下内边距为第3个参数值;

CSSA43EI235E写法中使用4个参数值表示:分别设置上、右、下、左的内边距(顺时针);

CSS与CSS3基础知识

CSS元素盒子与盒子的距离特性:margin;

CSS元素单独设置左外边距特性:margin-left;

CSS元素单独设置右外边距特性:margin-right;

CSS元素单独设置上外边距特性:margin-top;

CSS元素单独设置下外边距特性:margin-bottom;

CSS外边距A43EI235E写法中使用1个参数值表示:同时设置上、下、左、右的外边距,且值相同;

CSSA43EI235E写法中使用2个参数值表示:同时设置上下、左右的外边距,其中上下外边距为第1个参数值,左右外边距为第2个参数值;

CSSA43EI235E写法中使用3个参数值表示:分别设置上、左右、下的外边距,其中上外边距为第1个参数值,左右外边距为第2个参数值,下外边距为第3个参数值;

CSSA43EI235E写法中使用4个参数值表示:分别设置上、右、下、左的外边距,其中上外边距为第1个参数值,右外边距为第2个参数值,下外边距为第3个参数值;左外边距为第4个参数值;

CSS与CSS3基础知识

CSS3圆角边框样式特性:border-radius;

CSS3元素单独设置左上角的圆角边框特性:border-top-left-radius;

CSS3元素单独设置右上角的圆角边框特性:border-top-right-radius;

CSS3元素单独设置左下角的圆角边框特性:border-bottom-left-radius;

CSS3元素单独设置右下角的圆角边框特性:border-bottom-right-radius;

CSS3圆角边框A43EI235E写法中1个参数值表示:同时设置左上、右上、右下、左下的圆角边框,且值相同;

CSS3圆角边框复合写法中2个参数值表示:分别设置左上右下、右上左下的圆角边框,其中左上右下的圆角边框为第1个参数值,右上左下的圆角边框为第2个参数值;

CSS3A43EI235E写法中3个参数值表示:分别设置左上、右上左下、右下的圆角边框,其中左上的圆角边框为第1个参数值,右上左下的圆角边框为第2个参数值,右下圆角边框为第3个参数值;

CSS3A43EI235E写法中4个参数值表示:分别设置左上、右上、右下、左下的圆角边框(顺时针);

CSS与CSS3基础知识

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与CSS3基础知识

CSS元素竹节变换特性:z-index;

CSS显示/隐藏元素特性:display(none、block)、visibilityoverflow;

CSS 特性值:visible、hidden、scroll、auto

CSS与CSS3基础知识

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;

CSS与CSS3基础知识
举报/反馈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务