![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
h5
苏小锅
学习日志与分享
展开
-
h5 盒模型
盒子的宽度=width+padding+border 与margin无关 若直接设置box-sizing,则缩小width,其余值不变。overflow 属性:auto :出现滚动条 hidden:隐藏多余的内容 visible :内容溢出放置bord:粗细 类型 颜色padding margin : 顺序为(上 右 下 左)...原创 2018-04-30 18:21:40 · 160 阅读 · 0 评论 -
css 选择器优先级顺序
CSS 选择器的优先级 !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性同一级别原创 2018-05-01 16:30:03 · 429 阅读 · 0 评论 -
h5 浮动布局及首字下沉
将两天的结果放在github上。https://github.com/SuYaru/Pre一、浮动 浮动就是内容悬浮于普通流(文档流)之上,普通流的文件会围绕在浮动块的周围。div:nth-of-type(x){} 指定从上到下的div,赋予属性值。 1)普通流:常规的页面布局。2)浮动:一个元素浮动,剩余的内联框浮在它的周围。 当包...原创 2018-05-01 17:16:06 · 590 阅读 · 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 · 437 阅读 · 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 · 552 阅读 · 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 · 1242 阅读 · 0 评论 -
H5 CSS3第一阶段总结
最近两三个月都在忙着小论文,断断续续怕之前的基础都忘了。最近调参数的同时回顾一下之前的基础内容,一些心得体会做一些记录。一、H5基础 1.标签1.<!DOCTYPE html> <!--命名文档类型-->2.<html></html> <!--说明文档是:标记语言,也是根标签-->3.<head...原创 2018-11-22 12:40:01 · 685 阅读 · 0 评论