摘要:
弹性盒子 flex 弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。 flex 常用属性 justify-content;设置弹性盒子元素在主轴(横轴)方向上的对齐方式。 flex-wrap;设置弹性盒子的子元素超出父容器时是否换行。 align 阅读全文
摘要:
变换 transform 主要包括以下常用方法: 1:旋转 rotate 2; 扭曲skew 3;缩放 scale 4;translate平移 用法: rotate 在一个给定度数顺时针旋转的元素。负值是允许的,这样是元素逆时针旋转。单位deg skew 包含两个参数值,分别表示X轴和Y轴倾斜的角度 阅读全文
摘要:
过渡 transition: 过渡是元素从一种样式逐渐改变为另一种的效果。 属性: transition-property:规定应用过渡的 CSS 属性的名称。 transition-duration:定义过渡效果花费的时间。默认是 0。 transition-timing-function:检索或 阅读全文
摘要:
< link rel = “ stylesheet ” href = “ css/css.css”> 引入外部文件 *.css+ 1. 标签选择器:根据标签名找 2.id选择器: 根据id的属性值来找元素 例:#id的属性值 3.class选择器:根据class的属性值来找元素 例:.class的属 阅读全文
摘要:
定位 position 浮动 float:属性指定一个盒子(元素)是否应该浮动。 dipiay 阅读全文
摘要:
表单: 标签名:<form></form> 表单元素写法<input type="类型" name=”“ value=”“> name value 必须设置 属性:1.name 表单名称 2.method 表单的传输方式 input标签中type属性: 按钮类型: 1.button 定义一个普通按钮 阅读全文
摘要:
HTML结构有四部分组成: HTML 语法 标签格式: 1. <标签名 属性名=“属性值”> 内容 </标签名> 2. <标签名 属性名=“属性值” /> HTML标签: 标题标签: <hi>-<h6>表示标题文字有六种不相同的文字大小 <img>标签是图像标签的定义 <a>标签 1.超链接标签 2 阅读全文