各知名网站初始化样式整理

    在各个不同游览器内核渲染引擎的作用下,对于html标签纷纷定义了它们自己的样式,为了方便开发,使制作的网页效果能在不同的游览器上呈现出相同的效果,一般会在页面中引入初始化样式文件表(reset.css);

以下是在网上收录的各大知名网站的初始化样式:

腾讯

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} 
body{font:12px"宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;} 
a{color:#2d374b;text-decoration:none} 
a:hover{color:#cd0200;text-decoration:underline} 
em{font-style:normal} 
li{list-style:none} 
img{border:0;vertical-align:middle} 
table{border-collapse:collapse;border-spacing:0} 
p{word-wrap:break-word}

新浪

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;} 
body{background:#fff;color:#333;font-size:12px; margin-top:5px;font-family:"SimSun","宋体","Arial Narrow";} 
 
ul,ol{list-style-type:none;} 
select,input,img,select{vertical-align:middle;} 
 
a{text-decoration:none;} 
a:link{color:#009;} 
a:visited{color:#800080;} 
a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}

淘宝

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } 
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; } 
h1, h2, h3, h4, h5, h6{ font-size:100%; } 
address, cite, dfn, em, var { font-style:normal; } 
code, kbd, pre, samp { font-family:couriernew, courier, monospace; } 
small{ font-size:12px; } 
ul, ol { list-style:none; } 
a { text-decoration:none; } 
a:hover { text-decoration:underline; } 
sup { vertical-align:text-top; } 
sub{ vertical-align:text-bottom; } 
legend { color:#000; } 
fieldset, img { border:0; } 
button, input, select, textarea { font-size:100%; } 
table { border-collapse:collapse; border-spacing:0; }

网易

html {overflow-y:scroll;} 
body {margin:0; padding:29px00; font:12px"\5B8B\4F53",sans-serif;background:#ffffff;} 
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;} 
table,td,tr,th{font-size:12px;} 
li{list-style-type:none;} 
img{vertical-align:top;border:0;} 
ol,ul {list-style:none;} 
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;} 
address,cite,code,em,th {font-weight:normal; font-style:normal;}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
cout << "请输入学生姓名:"; cin >> student.name; cout << "请输入学生学号:"; cin以下是一个网站初始化样式(reset.css)的示例代码: ```css /* reset.css */ /* 通用样 >> student.id; if (studentManager.findStudent(student.id) != nullptr) { cout << "该学号已存在,请式 */ html, body, div, span, h1, h2, h3, h4, h5, h6, p重新输入" << endl; break; } studentManager.addStudent(student); } break; case 3: , a, img, ul, ol, li, form, input, button, textarea, label, table, th, td, tr { { string id; cout << "请输入学生学号:"; cin >> id; studentManager.removeStudent(id margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit); } break; case 4: { Question question; cout << "请输入题目内容:"; ; vertical-align: baseline; box-sizing: border-box; } /* a标签样式 */ a { text-decoration: none; color: inherit; } /* 清除列表样式 */ ul, ol { list-style: none; } /* 图片样 cin >> question.content; for (int i = 0; i < 4; i++) { cout << "请输入选项式 */ img { display: block; max-width: 100%; height: auto; } /* 表格样式 */ table" << i + 1 << ":"; cin >> question.options[i]; } cout << "请输入答案:"; { border-collapse: collapse; border-spacing: 0; } /* 输入框样式 */ input, button, textarea { outline cin >> question.answer; cout << "请输入分值:"; cin >> question.score; questionManager.addQuestion(question); : none; border: none; background-color: transparent; } /* 清除浮动 */ .clearfix::after { content: } break; case 5: { int index; cout << "请输入试题序号:"; ""; display: table; clear: both; } ``` 这份样式表主要做了以下几件事情: cin >> index; questionManager.removeQuestion(index); } break; case 6: return 0; default1. 重置了HTML元素的默认样式,包括margin、padding、border、font-size等属性,以便: cout << "无效的操作,请重新输入" << endl; break; } } return 0; 后续样式开发时能够更准确地控制元素的样式。 2. 统一了a标签} ``` 上述代码可能会存在一些不足之处,仅供参考。如果您有任何疑问或的样式,去除下划线并继承父级元素的字体颜色。 3. 去除了列表元需要进一步的帮助,请随时与我联系。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值