随笔分类 -  CSS

CSS的兼容性解决方案
摘要：什么是兼容性？ 同一个网页，在不同浏览器下(IE6、IE7、IE8)下的显示效果不一致，这就是说"CSS不兼容"。 IETESTer可以同时测试IE5.5、IE6、IE7、IE8这些版本的网页效果。 解决CSS兼容性的方法 CSS全局设置的重要性 常用的CSS兼容性的总结 CSS HACK（不推荐使 阅读全文
posted @ 2016-04-04 23:52 尼农小道 阅读(574) 评论(0) 推荐(0)
CSS 绝对定位和相对定位
摘要：CSS定位属性：一个定位属性，需配合四个定位坐标，实现定位 固定定位fixed 说明： 1、固定定位是相对于"浏览器窗口" 2、如果只设置了定位属性，未指定定位坐标时，元素将停留在它原来的位置 设置固定定位的步骤； 1、设置position：fixed（表示固定定位） 2、确定偏移量 left：距离 阅读全文
posted @ 2016-04-04 23:48 尼农小道 阅读(745) 评论(0) 推荐(0)
CSS的浮动和清除
摘要：CSS浮动和清除 什么是浮动？ 在实现效果上，让元素浮起来（飘起来），动起来（向左或向右移动） 浮动本质：就是将两个块元素同存一行。 float 取值：主要是对浮动的方向进行控制 left：让元素向左浮动 right：让元素向右浮动 浮动的特性： 当网页中的某些元素（如：div1，div2，div3 阅读全文
posted @ 2016-04-04 23:46 尼农小道 阅读(302) 评论(0) 推荐(0)
外边距合并现象
摘要：外边距（外填充）合并现象： 定义：外边距合并指的是，当两个垂直外边距相遇时，它们将合并形成一个外边距。 1、两个层是上下排列关系的时候： 当一个元素包含在另一个元素中时（假设没有内边距或边框把外边距分隔开），它们的两个上和下外边距也会发生合并。请看下图： 注释：只有普通文档流中块框的垂直外边距才会发 阅读全文
posted @ 2016-04-04 23:43 尼农小道 阅读(436) 评论(0) 推荐(0)
CSS 盒子模型
摘要：盒子模型 一个矩形的盒子，如果我们把盒子里面装的东西叫做，内容（conten） 盒子内部的填充物（padding），盒子它有厚度（border）、有长（widht）宽（height） 盒子与盒子之间按照一定的规则摆放，所以盒子与盒子之间会有空隙（margin） W3C盒子模型 一个元素在页面上所占据 阅读全文
posted @ 2016-04-04 23:37 尼农小道 阅读(183) 评论(0) 推荐(0)
CSS样式三
摘要：CSS表格样式 border-collapse：表格边线合并 caption-side： 属性值： top：设置表格的标题在表格的上方（默认效果） bottom：设置表格的标题在表格的下方 样式代码： 结构代码： CSS边框样式 border： 1px solid red border-top: 设 阅读全文
posted @ 2016-04-04 23:36 尼农小道 阅读(219) 评论(0) 推荐(0)
CSS的继承与优先级
摘要：CSS样式继承性 body，div，p{} html文档可以上图的种种节点树的形式表示，css层叠样式表中的各元素也有这种对应关系 <body>是文档中最大的根节点，body中的所有元素都是body的后代元素 从各元素的关系上分析：各元素之间有如下几种关系： E F 后代关系 E>F 父子关系 E, 阅读全文
posted @ 2016-04-04 23:34 尼农小道 阅读(613) 评论(0) 推荐(0)
CSS 样式二
摘要：CSS文本样式 text-align：设置文本的对齐方式 text-align：设置文本的对齐方式 取值： left 向左对齐 right：向右对齐 center：居中对齐 text-indent：设置文本的首行缩进 text-indent：设置文本的首行缩进 例如，字体设为12px，首行缩进另个字 阅读全文
posted @ 2016-04-04 23:28 尼农小道 阅读(238) 评论(0) 推荐(0)
CSS样式一
摘要：样式 首先明确： HTML标签也有标签的属性，CSS中的样式也称作为属性，而且某些html中的属性与css中的属性同名，并且作用也相同，但是属于不同的技术。 尺寸样式： 几乎所有的标签有可以设置 width：设置宽度样式 height：设置高度样式 min-widht：最小宽度 max-width： 阅读全文
posted @ 2016-04-04 23:24 尼农小道 阅读(138) 评论(0) 推荐(0)
选择器的分类
摘要：基本选择器： 1、* 通用选择器： * 可以匹配我们网页文件中的任何元素，在IE6以下版本是不支持 margin：外边距 padding：内边距 2、标签选择器 选择器的名称和要设置的标签的名称一致。 3、id选择器 写法：#加上id的名称 4、class选择器（类选择器） 写法：点加上class的 阅读全文
posted @ 2016-04-04 23:19 尼农小道 阅读(761) 评论(0) 推荐(0)