CSS学习笔记
文章平均质量分 75
Vivian_jay
粗来向各路大神学习哒O(∩_∩)O
展开
-
常见浏览器兼容问题及解决办法
(1)浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。碰到频率:100%解决方案:CSS里 *{margin:0;padding:0;}(建议用CSS normalize)备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁转载 2017-08-19 16:07:19 · 557 阅读 · 0 评论 -
几种清除浮动的方法
(1)、父级div定义 height原理:父级div手动定义height,就解决了父级div无法自动获取到高度的问题。 优点:简单、代码少、容易掌握 缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题 建议:不推荐使用,只建议高度固定的布局时使用 (2)、结尾处加空div标签 clear:both原理:添加一个空div,利用css提高的clear:bo转载 2017-08-19 16:29:24 · 396 阅读 · 0 评论 -
display:inline、block、inline-block的区别
1、display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。2、display:inline就是将元素显示为行内元素. inline元素的特点是: 和其他元素都在一行上;转载 2016-04-03 10:06:47 · 291 阅读 · 0 评论 -
圣杯布局【双飞翼布局】的几种实现
圣杯布局:两边定宽,中间宽度自适应;且优先渲染中间主题内容部分。一、负边距法DOM结构: 由于需要优先渲染主题内容部分,因此在DOM结构中需要将其写在左右侧边栏之前。 <header>header</header> <main> <div class="mid"> <div class="middle">middle</div>原创 2017-08-20 17:42:26 · 2023 阅读 · 0 评论