随笔分类 -  css

摘要:两栏布局 这里我们要用到position,例如做一个左侧固定,右侧自适应 效果如图 三栏布局 同样用position定位,例如做一个左右两侧固定,中间自适应 效果如图 这里有一点需要注意,由于左侧使用了position定位,中间没有设置宽度,则width=auto,所以是自适应状态,这样定位时我们需 阅读全文
posted @ 2017-11-29 15:36 暮雨橙风 阅读(117) 评论(0) 推荐(0)
摘要:CSS机制之异步加载机制 当我们引入CSS后,浏览器是这么加载CSS的呢,这里我们就要了解异步加载和同步加载了。 异步加载:并行,多线程。(同时进行) 同步加载:串行,单线程。 首先浏览器加载HTML文档,当读到引入CSS的这一行代码的时候,浏览器不会等到CSS全部加载完毕后再去加载下一行HTMl代 阅读全文
posted @ 2017-11-29 14:29 暮雨橙风 阅读(156) 评论(0) 推荐(0)
摘要:盒子模型 (盒子+外边距) 层模型 1.position: absolute 绝对定位 脱离原来位置进行定位,相对于最近的父集定位,如果都没有就用浏览器的边框。 2.position: relative 相对定位 保留原来的位置进行定位,相对于原来的位置 Z-index : 10; 与绝对定位配合使 阅读全文
posted @ 2017-09-05 22:14 暮雨橙风 阅读(152) 评论(0) 推荐(0)
摘要:css (cascading style sheet)层叠样式表 1.行间样式 2.页面级css(在head标签里面写) 3.外部css文件(在head标签里面写) css选择器种类 权重(256进制) !important Infinity 1.行间样式 1000 2.id选择器 100 3.cl 阅读全文
posted @ 2017-08-29 22:50 暮雨橙风 阅读(138) 评论(0) 推荐(0)