京东css初始化代码以及解释

*{margin:0;padding:0
/*所有元素的内外边距清除*/}
em,i{font-style:normal
/*em/i是斜体字 让他变正*/}
li{list-style:none
/*去掉列表的圆形点装饰*/}
img{border:0;vertical-align:middle
/* 图片上有连接可能会导致图片出现边框让边框变无,vertical-align去掉图片底部的基线空白缝隙还能让旁边的文字垂直居中*/
}
button{cursor:pointer
/*按钮上鼠标变手*/}
a{color:#666;text-decoration:none
/*超链接去掉下划线并变色*/}
a:hover{color:#c81623
/*:hover让鼠标经过连接变红*/
}
button,input{font-family:Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif
/*这些都是字体类型\5B8B\4F53是宋体的Unicode编码显示不然中文乱码*/
}
body{/*css3的文字放大抗锯齿*/-webkit-font-smoothing:antialiased;background-color:#fff;font:12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;color:#666/*字体的大小是12px行高1.5*/
}
.hide,.none{display:none}
.clearfix:after{visibility:hidden;clear:both;display:block;content:".";height:0
/*清除浮动的伪类选择器就是给添加了这个.clearfix的元素后面添加一个元素 visibility让他不显示 它必须有content 他默认是行内元素
因为我们清除浮动的基本原理就是给他内部最后一个元素添加一个div(块级元素)让他占有最下面使盒子撑开
然后给他清除浮动
*/
}
.clearfix{*zoom:1
/*Ie6 ie7专属清除浮动*/
}

京东css初始化代码以及解释相关推荐

各大主流网站css初始化代码
代码是网上找到顺便做个笔记,如有侵权请通知我删除谢谢首先是要做css初始化的原因: 不同浏览器对各个元素的margin,padding,border,font等属性的定义各有不同,不同浏览器的 ...
【css】分享几套css初始化代码
几套强大的css初始化代码第一套 @charset "UTF-8"; /*css 初始化 */ html, body, ul, li, ol, dl, dd, dt, p, h1 ...
京东CSS初始化及理解
本节是从京东官网下载的部分css初始化样式,如下面的代码,都给出了相关注释. 前端初学者可以参考京东的初始化样式书写,用于完善自己的代码. 具体如下: /* 把我们所有标签的内外边距清0 */ * { ...
yahoo(雅虎)工程师提供css 初始化代码
雅虎工程师提供的CSS初始化示例代码 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input, ...
CSS_腾讯QQ官网，新浪官网，网易官网，淘宝官网之css初始化代码
CSS为什么要初始化?建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异.当然,初始化样式会对SEO有一定的影 ...
css初始化代码，根据自己需要定义
下面是我的初始化代码: body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button, ...
各大网站CSS初始化代码集合
CSS初始化可以简单快速的实现常用标签的属性设定,尽量减少各浏览器之间的兼容性问题 1.百度 CSS初始化 https://www.baidu.com 统一初始化 body, h1, h2, h3, ...
十一、CSS初始化详解
CSS初始化不同浏览器对有些标签的默认值是不同的,为了消除不同浏览器对HTML文本呈现的差异,照顾浏览器的兼容性,我们需要对CSS初始化. 简单理解:CSS初始化是指重设浏览器的样式.(也称为CSS ...
CSS 系列七高级技巧篇精灵图、字体图标、CSS三角、图片和文字对齐以及bug 、溢出文字省略号、CSS 初始化、常见的布局技巧
--------------------------- 精灵图 --------------------------- 1.1 为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰,当网页中 ...

京东css初始化代码以及解释

京东css初始化代码以及解释相关推荐

最新文章

热门文章