个人博客


  • 首页

  • 标签

  • 分类

  • 归档

  • 搜索

常用案例

发表于 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) 块级元素可以嵌套所有的行内元素以及部分的块级元素 ...
阅读全文 »
1…567
Admin

Admin

我有一壶酒足以慰风尘,尽倾江海里,共饮天下人!

66 日志
8 分类
12 标签
GitHub
© 2019 Admin