上节课回顾:列嵌套会多padding 可以用一个盒子在嵌套其它的 列偏移场景: 默认所有的盒子贴着左侧的,所以只能用右侧盒子偏移 实现思路换下 大盒子row 嵌套两个小盒子列col-尺寸占几份 col-md-3 (比如) container下一个row 列要8列col div.container>d ...
分类：
其他好文 时间：
2019-11-24 19:47:59
阅读次数：
62
背景色：body{ background-color :#556677 } 宽：{width: 1000px } box类居中：.box{margin：0px auto;} margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。 title类中元素居中：.title{ ...
分类：
Web程序 时间：
2019-11-21 10:07:02
阅读次数：
63
块级元素div分析 1、外边距 margin 2、内边距 padding 3、边框 border Div的真实宽度=width+margin-left+margin-right+border*2+padding-left+padding-right 文档流 元素从上到下（主要说块级元素），从左到右（ ...
分类：
Web程序 时间：
2019-11-20 21:46:41
阅读次数：
152
1.块级元素和行内元素和行内块元素的区别 块级元素：独占一行的，可以设置宽高和内外边距的（<div>/<h1>~<h6>/<p>/<ul>/<table>） 行内元素：不独占一行，不可以设置宽高，其大小仅仅被动的依赖于自身内容的大小 行内块元素：不独占一行，和相邻的行内元素在同一行，有间隔，可以设置 ...
分类：
Web程序 时间：
2019-11-18 20:33:01
阅读次数：
78
css :cascading Style sheets 层叠样式表 是用于控制页面布局和样式的 css好处:功能强大,将html页面和样式进行分离 降低耦合度,开发效率更高 css和htnl使用 1内联样式<div style = "color="red"></div> //不推荐 2内部样式 -- ...
分类：
Web程序 时间：
2019-11-17 12:21:33
阅读次数：
86
CSS 框模型概述 元素内是要展示的内容，里面的padding、margin、border都会参与计算盒子的大小，例如：有一个盒子大小为100px，外边距10px，内边距5px，实际要展示的内容只有70px 为了更方便地控制网页中的元素，最好清除元素的默认内外边距： content宽度和高度计算 使 ...
分类：
Web程序 时间：
2019-11-16 23:45:32
阅读次数：
137
CSS Position(定位) position 属性指定了元素的定位类型。 position 属性的五个值： static relative fixed absolute sticky 元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也 ...
分类：
Web程序 时间：
2019-11-15 15:47:32
阅读次数：
94
IE6的双倍边距bug 在IE6中，当为一个向左浮动的元素设置左外边距时，这个外边距将会是设置值的2倍 1，添加一个样式来解决ie6的双倍边距问题 对于一个浮动元素来说设置display：inline没有任何意义 但是该属性可以解决IE6的双倍边距问题 display:inline； 2，或者为IE ...
分类：
其他好文 时间：
2019-11-13 16:00:45
阅读次数：
71
1、百分比介绍 一般元素的宽度用百分比值表示时，元素的总宽度包括外边距取决于父元素的width，这样可能得到“流式”页面，即元素的外边距会扩大或缩小以适应父元素的实际大小。如果对这个文档设置该样式，使其子元素使用百分数外边距，当用户修改浏览窗口的宽度时，外边距会随之扩大或缩小。 margin-rig ...
分类：
其他好文 时间：
2019-11-13 12:49:12
阅读次数：
83
常见的兼容性问题：1、不同浏览器的标签默认的外边距( margin )和内边距(padding)不同解决方案： css 里增加通配符 * { margin: 0; padding: 0; } 2、IE6双边距问题；在 IE6中设置了float , 同时又设置margin , 就会出现边距问题解决方案 ...
分类：
Web程序 时间：
2019-11-13 11:21:53
阅读次数：
93
