- 博客(13)
- 收藏
- 关注
RSS订阅原创 CSS选择器
1.选择器基本选择器群组选择器（并集选择器）交集选择器：多个选择器之间没有空格，表示同时满足多个选择器要求的元素才会被获取到层次选择器 1.后代选择器：用空格隔开基本选择器，表示后一个选择器是前面的后代 2.子代选择器:用>隔开基本选择器，表示后一个选择器是前面的子代 3.相邻兄弟选择器：E+F:表示获取到E后面的紧跟着的F元素（同级的） 4.兄弟选择器：E~F:...
2019-05-03 14:43:50
174
原创 内外联以及权重
外部样式：<link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称" />内联样式语法：<标签 style=“属性：属性值;属性:属性值;”></标签>1、样式表的作用域行内（内联）样式的作用域是当前标签，内部样式的作用域是当前文件，外部样式表的作用域是有关联的所有文件。2、样式表的优先...
2019-05-03 14:35:25
942
原创 宽高自适应以及常见浏览器兼容
（一）宽度自适应1.若块级元素宽度不设置，或者设置成100%，都是占据其父级元素的一整行应用场景:（1）页面最外层的盒子一般都要占据屏幕的大小，所以宽度100%。（2）子元素使用百分比表示盒模型任意部分大小的话，代表的是子元素盒模型任意部分尺寸=父元素宽度百分比（除了高度外，子元素高度=父元素高度百分比）==>忽略;(二)高度自适应 1.父元素高度由子元素撑开 (1)...
2019-05-03 14:28:19
1524
原创 position定位属性
一、定位：position1.static默认值。位置设置为 static 的元素会正常显示，它始终会处于文档流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）。2.absolute相对于父级元素的绝对定位，浮出、脱离布局流，它不占据空间，就是我们所说的层，其位置相对于最近的已定位父元素而言的位置，可直接指定 “left”、“top”、“ri...
2019-05-03 14:20:00
888
原创 弹性盒布局、媒体查询
（一）弹性盒1.设置在容器（父元素上）上：(1)display:flex; 父元素设置成弹性盒。 规定子项目在父元素主轴方向一行显示，不会换行。侧轴方向会默认拉伸。 (2)设置主轴方向 flex-direction 属性值: row 默认为水平向右 column 垂直向下 row-reverse 水平向左 ...
2019-05-03 13:56:11
787
原创 表格
数据表格的作用及组成作用：显示数据组成：<table> <tr>行 <td>单元格</td> <td></td> </tr></table>*数据表格的相关属性width=“表格的宽度”height=“表格的高度”border=“表格的边框”bgcolor=“表格的背景色...
2019-05-03 13:47:47
277
原创 手机端rem布局踩过的坑
手机端布局一般有：rem布局、百分比布局、媒体查询、弹性盒布局等在公司接到的新需求：公司公众号需要接入提现接口，需要切一个提现页面。我脑子快速闪过用百分比布局。很快…效果就出来了，提现页面始终垂直居中，经过多方测试，本以为圆满完成任务了。很开心的就上线了，然后UI小姐姐很开心的说我要做第一个使用这个提现接口的用户，刚好我账号有钱。然而…尴尬的事情出现了，UI小姐姐的手机居然没有适配，提现框...
2019-05-03 13:35:52
1054
原创 表单
一、1.表单框：<form name="表单名称" method="post/get" action="#"></form>2.文本框<input type="text" value="默认值"/>3.placeholder=“输入框内容”<input type="text" placeholder=”框内显示内容 ”>4.密码框...
2019-05-02 17:57:29
150
原创 3D变换
3D变换1.transform之3d移动变换:transform:translate3d(x,y,z)z:代表在垂直于平面的轴上移动，电脑屏幕往人眼那个方向为正方向。transform:translateZ(z)2.transform-style规定变换的样式（父元素）属性值：flag平面（默认） preserve-3d保持3d变换transform-style: preser...
2019-05-02 13:31:44
255
原创 HTML常用标签
常用标签W3C( World Wide Web Consortium )万维网联盟：制定了结构html和表现css的标准ECMA：制定的行为的标准1. 文本标题<h1>一级标题</h1><h2>二级标题</h2>……<h6>六级标题</h6>2. 段落标签<p>段落文本内容</p>3...
2019-05-02 13:19:25
317
原创 HTML的常用标签整理
HTML(HyperText Markup Language)超文本标记语言XHTML可扩展超文本标记语言––W3C万维网联盟––ECMA欧洲电脑厂商联合会––h1-h6标题标签––p段落标签––b、strong加粗标签––i、em倾斜标签––br换行标签–...
2019-05-02 13:04:54
224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人