随笔分类 -  CSS&CSS3

常用布局-列宽度是固定宽度还是自适应
摘要：如何去理解一个页面需要仔细分析,页面结构形式再怎么变化,最终都还是基于两列布局结构的演变. 不同布局之间最大的区别是：列宽度是固定宽度还是自适应 布局思路：主要利用浮动和定位方式，借助负边距 宽度值与浮动的关系： 盒模型宽度默认auto，宽度撑满浏览器窗口宽度或其父级宽度，拥有padding... 阅读全文
posted @ 2015-08-05 13:24 331415706 阅读(572) 评论(0) 推荐(0)
CSS布局定位基础-盒模型和定位机制
摘要：1. 盒模型 2. 外边距合并 3. 定位机制 4. Float 5. Position：属性有哪些取值，它们的行为是什么？ 无依赖绝对定位？ 6. Display：常见属性值有哪些取值？ 7. 对BFC规范的理解？ 1. 盒模型 盒模型从内向外包括content,padding,b... 阅读全文
posted @ 2015-08-05 10:03 331415706 阅读(1842) 评论(0) 推荐(1)
页面呈现-文字修饰
摘要：文字基本样式 段落美化 文本信息特殊处理 文字链接样式 利用字体库fontAwesome替换常用图标 1.文字基本样式 字体 font-family: "微软雅黑"、Arial、Verdana、"Times New Roman"; 中文或字体中有空格需双引号括起 大小 font-size: px em 颜色 color: #000; 加粗... 阅读全文
posted @ 2015-08-04 20:28 331415706 阅读(487) 评论(0) 推荐(0)
CSS和html如何结合起来——选择符及优先级
摘要：1.选择符 兼容性 统配选择符 * 元素选择符 body 类选择符 .class id选择符 #id 包含原则符 p strong (所有后代） 子代选择符 p>strong (紧跟子代) lte IE7 相邻选择符 h1+p (h1后面第一个p元素） lte IE... 阅读全文
posted @ 2015-08-04 19:21 331415706 阅读(773) 评论(0) 推荐(0)
浏览器如何加载和解析CSS——CSS样式来源与层叠规则
摘要：关于CSS样式首先得理解浏览器如何加载它们，最终的页面样式是如何呈现的？ CSS层叠样式表的关键在于”层叠“，会根据选择符的使用而将样式相互叠加或者覆盖。 CSS样式表之所有有”层叠”的概念，因为有多个样式来源，不同样式设置来源不同权重， 优先顺序为：1到5权重依次降低 1 HTML标签头内的样式 （不建议使用，结构样式分离） 2 中编写的样式代码 ... 阅读全文
posted @ 2015-08-04 19:15 331415706 阅读(665) 评论(0) 推荐(0)