css
咕噜桃
这个作者很懒,什么都没留下…
展开
-
normalize.css
CSS Reset 是革命党,CSS Reset 里最激进那一派提倡不管你小子有用没用,通通给我脱了那身衣服,凭什么你 body 出生就穿一圈 margin,凭什么你姓 h 的比别人吃得胖,凭什么你 ul 戴一胳膊珠子。于是 *{margin:0;} 等等运动,把人家全拍扁了。看似是众生平等了,实则是浪费了资源又占不到便宜,有求于人家的时候还得贱贱地给加回去,实在需要人家的默认样式了怎么办?人家锅...转载 2018-08-08 17:48:53 · 333 阅读 · 0 评论 -
css-reset 代码
最常用 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box...转载 2018-08-08 17:12:30 · 451 阅读 · 0 评论 -
前端面试:什么是css reset
前端面试:什么是css reset HTML标签在浏览器中都有默认的样式,不同的浏览器的默认样式之间存在差别。例如ul默认带有缩进样式,在IE下,它的缩进是由margin实现的,而在Firefox下却是由padding实现的。开发时浏览器的默认样式可能会给我们带来多浏览器兼容性问题,影响开发效率。现在很流行的解决方式是一开始就将浏览器的默认样式全部覆盖掉,这就是css reset。 部分css...转载 2018-08-08 17:07:25 · 179 阅读 · 0 评论 -
【css】选择器
w3c要求html和css是分离的。html和css的分离,css不再影响html的代码阅读,css的复用性高。html和css分离以后,需要通过css选择器进行选择上的关联。 一些选择器: id选择器:#ID名称 例: <html lang="en"> <head> <meta charset="UTF-8"> <title&...原创 2018-07-27 08:22:16 · 150 阅读 · 0 评论 -
css的使用方法
<link rel="stylesheet" href="../../css/first.css"> <!--引入css文件,相当于把所有的css复制到当前位置--> 行内样式: 缺点:1.内容和样式没有分离。 2.样式没有复用性,仅作用于当前一个样式 优点:1.写法简单,适用范围广 2.优先级高 内部样式: ...原创 2018-07-27 08:33:10 · 1298 阅读 · 0 评论 -
css的一些样式
文本阴影 text-shadow: x轴的偏移量 y轴的偏移量 模糊距离 阴影颜色(x正方向向右,y正方向向下) text-shadow: 10px 10px 10px black; ( -webkit-浏览器类型前缀) 文字的描边 text-stroke:文本描边的宽度 颜色*/ 背景颜色 background-color: red; 背景图片 (优先级高于背景颜色)(url:...原创 2018-07-28 10:22:06 · 151 阅读 · 0 评论 -
盒子模型
盒子模型 盒子模型:在html中,任意一个元素都可以被当做一个盒子来看待。 盒子就是用来装东西的,html中的盒子,是用来装页面各种形式的内容。 盒子模型的基本组成: w3c:margin border padding content(width,height) 在w3c下,在任一方向添加margin,border或padding都会使元素整体占用的空间变大。 盒子的设置顺序: ...原创 2018-07-31 08:15:47 · 175 阅读 · 0 评论 -
浮动(float)属性和定位属性
浮动1.多个块级元素想同行显示,每个块级元素都要加浮动特性 而不是第一个不需要加2.块级元素浮动以后,就脱离了块级元素的显示特点,不再表现为独占一行 显示特点和行级元素类似,占用的实际空间大小和内容有关系3.标准盒子模型中的内容不会被浮动盒子影响显示,会正常显示文本4.在浮动元素的后面添加非浮动元素,并给非浮动元素添加clear属性, 可以实现清除浮动带来的影响 #bottom{ c...原创 2018-08-01 09:53:13 · 1148 阅读 · 0 评论