摘要: 弹性盒子 flex 弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。 flex 常用属性 justify-content;设置弹性盒子元素在主轴(横轴)方向上的对齐方式。 flex-wrap;设置弹性盒子的子元素超出父容器时是否换行。 align 阅读全文
posted @ 2019-05-30 21:19 gaojian910 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 变换 transform 主要包括以下常用方法: 1:旋转 rotate 2; 扭曲skew 3;缩放 scale 4;translate平移 用法: rotate 在一个给定度数顺时针旋转的元素。负值是允许的,这样是元素逆时针旋转。单位deg skew 包含两个参数值,分别表示X轴和Y轴倾斜的角度 阅读全文
posted @ 2019-05-30 20:39 gaojian910 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 过渡 transition: 过渡是元素从一种样式逐渐改变为另一种的效果。 属性: transition-property:规定应用过渡的 CSS 属性的名称。 transition-duration:定义过渡效果花费的时间。默认是 0。 transition-timing-function:检索或 阅读全文
posted @ 2019-05-30 20:14 gaojian910 阅读(169) 评论(0) 推荐(0) 编辑
摘要: < link rel = “ stylesheet ” href = “ css/css.css”> 引入外部文件 *.css+ 1. 标签选择器:根据标签名找 2.id选择器: 根据id的属性值来找元素 例:#id的属性值 3.class选择器:根据class的属性值来找元素 例:.class的属 阅读全文
posted @ 2019-05-30 19:38 gaojian910 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 定位 position 浮动 float:属性指定一个盒子(元素)是否应该浮动。 dipiay 阅读全文
posted @ 2019-05-30 17:39 gaojian910 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 表单: 标签名:<form></form> 表单元素写法<input type="类型" name=”“ value=”“> name value 必须设置 属性:1.name 表单名称 2.method 表单的传输方式 input标签中type属性: 按钮类型: 1.button 定义一个普通按钮 阅读全文
posted @ 2019-05-30 12:50 gaojian910 阅读(80) 评论(0) 推荐(0) 编辑
摘要: HTML结构有四部分组成: HTML 语法 标签格式: 1. <标签名 属性名=“属性值”> 内容 </标签名> 2. <标签名 属性名=“属性值” /> HTML标签: 标题标签: <hi>-<h6>表示标题文字有六种不相同的文字大小 <img>标签是图像标签的定义 <a>标签 1.超链接标签 2 阅读全文
posted @ 2019-05-30 12:05 gaojian910 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 标签分为: 一般标签:<div> <span> <br/> <hr/> 功能标签:<a> <img> 实体标签:&lg; &gt; sup sub <a>标签的功能和用法 1.页面跳转--用<a>标签实现 2.定位锚点 ①<a name="值"> ②<标签 id=“值”> 跳:<a href="#值 阅读全文
posted @ 2019-05-25 23:58 gaojian910 阅读(427) 评论(0) 推荐(0) 编辑
摘要: html最主要的三点: 1.标签的写法、用法 <标签名 属性名1="属性值1" 属性名2="属性值2">内容</标签名> 比如:<div id="a" class="b">就像这个</div> 2.正确嵌套 将一个完整的标签当做另一个标签的内容 3.标签特性 行标签:不能设置宽高,大小随内容变化,默 阅读全文
posted @ 2019-05-25 23:23 gaojian910 阅读(113) 评论(0) 推荐(0) 编辑