摘要: 可以看到,块级元素的排列顺序是从上往下,即使所在行的宽度可以容纳多个元素,现在同时给div1与div2添加外边距 本来div1的下边距为50px,div2的上边距为50px,按道理他们之间的距离应为100px才对,可是这里却只有50px了,这是因为在一个块级排版上下文中相邻的两个块级盒之间的垂直ma 阅读全文
posted @ 2017-07-01 21:43 心已碎谁来慰 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 说明:本文属于笼统的总结css入门的知识点,当中需要深入的知识点,我会继续学习并总结; css的引入: l 使用HTML标签style : <style> </style>; l 使用link标签,引入外部css文件 : <link rel=’stylesheet’ href=”./XX.css”> 阅读全文
posted @ 2017-07-01 21:42 心已碎谁来慰 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 浮动 会使当前标签产生上浮效果,从而导致父标签高度塌陷的问题 1. 给父元素指定高度 <div style="height:200px"> <div style="float:right"></div> </div> 简单粗暴!高度不定时,如果内部高度大于父级时,容易产生问题 2. 在浮动元素后边添 阅读全文
posted @ 2017-07-01 21:40 心已碎谁来慰 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 标准变量采用驼峰标识 使用的ID的地方一定全大写 使用的URL的地方一定全大写, 比如说 reportURL 涉及Android的,一律大写第一个字母 涉及iOS的,一律小写第一个,大写后两个字母 常量采用大写字母,下划线连接的方式 构造函数,大写第一个字母 阅读全文
posted @ 2017-06-25 18:55 心已碎谁来慰 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 尽量将媒体查询的位置靠近他们相关的规则。不要将他们一起放到一个独立的样式文件中,或者丢在文档的最底部。这样做只会让大家以后更容易忘记他们。这里是一个典型的案例。 阅读全文
posted @ 2017-06-25 18:53 心已碎谁来慰 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 与<link>相比,@import较慢,增加额外的页面请求,并可能导致其他不可预见的问题。 阅读全文
posted @ 2017-06-25 18:51 心已碎谁来慰 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 相关的属性声明应该以下面的顺序分组处理: Positioning 处在第一位,因为他可以使一个元素脱离正常文本流,并且覆盖盒模型相关的样式。盒模型紧跟其后,因为他决定了一个组件的大小和位置。 其他属性只在组件内部起作用或者不会对前面两种情况的结果产生影响,所以他们排在后面。 阅读全文
posted @ 2017-06-25 18:49 心已碎谁来慰 阅读(116) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet/less" type="text/css" href="style.less"> <script sr 阅读全文
posted @ 2017-06-23 14:54 心已碎谁来慰 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 在设计网页模板时,经常要用CSS来控制块级元素的水平或是垂直位置,往往需要进行居中的操作。今天我就和大家一起来研究下如何用CSS来控制元素的居中。 1、单行垂直居中文字在层中垂直居中vertical-align 属性是做不到的.我们这里有个比较巧妙的方法就是:设置height的高度与line-hei 阅读全文
posted @ 2017-06-23 14:45 心已碎谁来慰 阅读(1568) 评论(0) 推荐(0) 编辑
摘要: 如何使用CSS让DIV居中显示,让div水平居中有哪些CSS样式呢? 需要的主要css代码有两个,一个为text-align:center(内容居中),另外一个为margin:0 auto;其两个样式需要配合使用才能实现div盒子的居中显示排版。 首先我们对body设置text-align:cent 阅读全文
posted @ 2017-06-23 14:39 心已碎谁来慰 阅读(361) 评论(0) 推荐(0) 编辑