常用案例 发表于 2019-05-18 | 分类于 HTML *自适应布局宽度自适应: display:inline-block; 1234567891011 .market_b{width: 1000px;height: 300px;border:1px solid #ccc;font-size:0;text-align:center;} ... 阅读全文 »
百分比、rem布局 发表于 2019-05-18 | 分类于 HTML 一、移动端页面布局1、弹性布局(100%布局)——拉勾网、天猫首页 px好处:充分发挥大手机的优势——显示内容越多.缺点:屏幕过大,间距过大,比例失调。 特点: 顶部与底部的bar不管分辨率怎么变,它的高度和位置都不变; 中间每条招聘信息不管分辨率怎么变,招聘公司的图标等信息都位于条目的左边,薪 ... 阅读全文 »
css选择器 发表于 2019-05-18 | 分类于 HTML 一、选择器(一)基本选择器 标签(元素)选择器:通过标签名获取元素 类选择器:通过.类名获取元素 id选择器:通过#id名获取元素 通配符选择器:通过*获取到页面中所有元素 群组选择器E1,E2:通过逗号同时获取到多个选择器,即获取E1和E2,以此类推。 (二)层次选择器 后代选择器E1 E2:表 ... 阅读全文 »
边框属性、渐变、过渡、2d变换 发表于 2019-05-18 | 分类于 HTML 一、边框属性1.边框阴影box-shadow: x-offset y-offset blur spread color inset[,…]; * x-offset 水平偏移,往右为正值 * y-offset 垂直偏移,往下为正值 * blur 模糊区域 * s ... 阅读全文 »
弹性盒布局、媒体查询 发表于 2019-05-18 | 分类于 HTML 一、弹性盒布局(一)设置在父元素上1.display:flex; 将父元素设置成弹性盒,那么里面的子元素会在主轴方向上默认不换行摆放;侧轴方向的大小不设置的话,就会在当前行默认被拉伸2.flex-direction 设置主轴方向 属性值: ... 阅读全文 »
盒模型、3d变换、关键帧动画 发表于 2019-05-18 | 分类于 HTML (一)颜色模式(属性值:可以控制某个属性) 1.rgba(red0-255,green0-255,blue0-255,alpha不透明度0-1) 2.hsla(色调0-360,饱和度0-100%,亮度0-100%,alpha0-1) ... 阅读全文 »
h5新语义标签 发表于 2019-05-18 | 分类于 HTML doctype html声明文档类型 --> <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd"> <!DOCTY ... 阅读全文 »
表单、表格 发表于 2019-05-18 | 分类于 HTML 表单新增属性1、表单字段集: <fieldset></fieldset> 对表单中的元素进行分组 2、字段集标题 fieldset>legend字段集标题(必须作为表单字段集的第一个子元素)[align控制它在fieldset的某一个位置] 3、la ... 阅读全文 »
兼容、bfc 发表于 2019-05-18 | 分类于 HTML 常用浏览器1.主流浏览器:Internet Explorer、 Safari、Mozilla Firefox、 Google Chrome、Opera 2.最早浏览器:网景领航者 五大浏览器内核 内核 浏览器* Trident: IE、Maxthon(遨游)、腾 ... 阅读全文 »
元素类型 发表于 2019-05-18 | 分类于 HTML 一、元素类型(一) 块级元素特点: (1)默认占一整行。 即使设置了宽度,右边多余的部分也会用margin进行填充。 (2) 可以设置宽高 (3) 块级元素可以嵌套所有的行内元素以及部分的块级元素 ... 阅读全文 »