当前位置:首页 » 《关于电脑》 » 正文

前端笔记 css(8)css初始化

9 人参与  2024年04月30日 14:41  分类 : 《关于电脑》  评论

点击全文阅读


1.css初始化

        不同浏览器对有些标签的默认值是不同的,为了消除不同浏览器对html文本呈现的差异,照顾浏览器的兼容,我们需要对css初始化

        简单理解:css初始化就是指重设浏览器的样式。(也成css reset)

        

/* 把我们所有标签的内外边距清零 */* {    margin: 0;    padding: 0}/* em 和 i 斜体的文字不倾斜 */em,i {    font-style: normal}/* 去掉li 的小圆点 */li {    list-style: none}img {    /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */    border: 0;    /* 取消图片底侧有空白缝隙的问题 */    vertical-align: middle}button {    /* 当我们鼠标经过button 按钮的时候,鼠标变成小手 */    cursor: pointer}a {    color: #666;    text-decoration: none}a:hover {    color: #c81623}button,input {    /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif}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}.hide,.none {    display: none}/* 清除浮动 */.clearfix:after {    visibility: hidden;    clear: both;    display: block;    content: ".";    height: 0}/* 会报错.clearfix {    *zoom: 1} */

每个网页必须首先进行css初始化

        unicode编码字体:

        把中文字体的名称用相应的Unicode编码来替代,这样就可以有效的避免浏览器解释Css代码的时候出现乱码的问题。


点击全文阅读


本文链接:http://zhangshiyu.com/post/102410.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1