[转载]CSS样式重置,初始化 | 香独秀

更新:2018年06月30日 17:03 前端 阅读(0)
标签: @CSS @初始化 #作者: 香独秀
CSS样式重置,初始化,自己综合修改的一些CSS公共样式初始化代码

CSS样式重置,初始化,自己综合修改的一些CSS公共样式初始化代码,方便大家使用:

-代码视图 
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code, {margin:0;padding:0}
form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}  /* 重置fieldset(表单分组)、图片的边框为0*/
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/
input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */
body {background:#fff}   /* 重置body 页面背景为白色 */
body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;font-family:"微软雅黑", "黑体","宋体";color:#666}
a {color:#666;text-decoration:none}  /* 重置链接a标签 */ 
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */
caption {display:none;}    /* 重置表格标题为隐藏 */
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */
img{vertical-align:top}  /* 图片在当前行内的垂直位置 */

/* 取消a标签点击后的虚线框 */
a {outline: none;}  
a:active {star:expression(this.onFocus=this.blur());}

/* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */ 
/* 
::selection {color: #fff;background-color: #4C6E78;}    
::-moz-selection {color: #fff;background-color: #4C6E78;} 
*/



感谢阅读本文,若本文对你有所帮助,不妨将其推荐给好友,与好友一起分享。
文章仅做学习交流使用,若您认为文章存在侵权或不合法行为等,请及时联系我们。
文章之版权归其合法拥者所有。转载原创内容无需联系本站站长,请注明原文出处及链接。
#原文:[IT技术网] https://www.173it.cn/plus/view.php?aid=8529
更新:2018年06月30日 17:03 前端 阅读(0)
标签: @CSS @初始化 #作者: 香独秀

阅读延伸

[转载]CSS+DIV有什么优点及优势 | hdm58

CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,
通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,
因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。
标签: @CSS @DIV @优点 前端 hdm58 06月16日 21:03 继续阅读

[转载]CSS选择符详解 | hdm58

CSS初学者必知:CSS选择符详解
标签: @CSS @选择符 前端 hdm58 06月16日 21:03 继续阅读

[转载]CSS样式重置,初始化 | 香独秀

CSS样式重置,初始化,自己综合修改的一些CSS公共样式初始化代码
标签: @CSS @初始化 前端 香独秀 06月16日 21:03 继续阅读

[转载]HTML+CSS实现的漂亮搜索框 | 素还真

HTML+CSS实现的漂亮搜索框,谷歌和百度首页的搜索框都是“input”+“button”模式的,bing的搜索框感觉要好点儿。简言之,就是将提交按钮放到“input”中,其实这是做不到的,只能伪装。
标签: @HTML @CSS @搜索框 前端 素还真 06月16日 21:03 继续阅读

[转载]CSS兼容各大浏览器的清除浮动Clearfix | 素还真

CSS兼容各大浏览器的清除浮动Clearfix
标签: @css @清除浮动 前端 素还真 06月16日 21:03 继续阅读

[原创]CSS的text-overflow实现截断字符串 | 十年铸剑

CSS的text-overflow实现截断字符串,如果字符串超过了指定的长度,通过这段css代码可以截断字符串的显示,并自动加上省略号

[转载]基于webkit浏览器的CSS滚动条美化

基于webkit浏览器的CSS滚动条美化
标签: @webkit @美化滚动条 前端 网络 06月16日 21:03 继续阅读

[转载]纯CSS制作无图片的三角形 | 素还真

纯CSS制作无图片的三角形
标签: @CSS @三角形 前端 素还真 06月16日 21:03 继续阅读