h5
苏小锅
学习日志与分享
展开
-
h5 盒模型
盒子的宽度=width+padding+border 与margin无关 若直接设置box-sizing,则缩小width,其余值不变。 overflow 属性:auto :出现滚动条 hidden:隐藏多余的内容 visible :内容溢出放置 bord:粗细 类型 颜色 padding margin : 顺序为(上 右 下 左)...原创 2018-04-30 18:21:40 · 156 阅读 · 0 评论 -
css 选择器优先级顺序
CSS 选择器的优先级 !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性同一级别原创 2018-05-01 16:30:03 · 426 阅读 · 0 评论 -
h5 浮动布局及首字下沉
将两天的结果放在github上。 https://github.com/SuYaru/Pre 一、浮动 浮动就是内容悬浮于普通流(文档流)之上,普通流的文件会围绕在浮动块的周围。div:nth-of-type(x){} 指定从上到下的div,赋予属性值。 1)普通流:常规的页面布局。2)浮动:一个元素浮动,剩余的内联框浮在它的周围。 当包...原创 2018-05-01 17:16:06 · 577 阅读 · 0 评论 -
h5 定位 列表消息盒子 滑动隐藏面板
一、Position .positioned{ position:absolute; background:yellow; top:30px; left:30px; z-index:1; } p:nth-of-type(2) { position: absolute; background: lime; top: 10px; right: 30px; }...原创 2018-05-07 11:30:47 · 429 阅读 · 0 评论 -
h5:transform 相对自身定位效果
主要练习实现一个复杂页面: https://suyaru.github.io/Pre/Pre15/index.html 看了几个别人写的 总结: 1)一二列固定,三列浮动:Body :display :flex 。一二列 :flex : 0 0 XX ,固定宽度为xx 2)背景渐变:background:linear-gradient (left/top/bottom/right,...原创 2018-05-16 14:15:27 · 546 阅读 · 0 评论 -
js 给爱的人发个邮件吧
git作业地址 https://suyaru.github.io/Pre/Pre31/work01.html 原题 http://ife.baidu.com/course/detail/id/52 代码: <html> <head> <script type="text/javascript" src="jquery/jquery-...原创 2018-07-13 16:07:40 · 1218 阅读 · 0 评论 -
H5 CSS3第一阶段总结
最近两三个月都在忙着小论文,断断续续怕之前的基础都忘了。最近调参数的同时回顾一下之前的基础内容,一些心得体会做一些记录。 一、H5基础 1.标签 1.<!DOCTYPE html> <!--命名文档类型--> 2.<html></html> <!--说明文档是:标记语言,也是根标签--> 3.<head...原创 2018-11-22 12:40:01 · 680 阅读 · 0 评论