前言

css是页面的化妆师，也是每个前端必须要掌握的基础，在工作中也常常因为频于业务，而不能很好的去沉淀技术，本文主要是作者业余学习记录下来的笔记,主要记录了css常用一些的基础，以及css高级应用，例如精灵图，字体图标等，还有css3新特性,主要是新增的属性选择器、结构伪类选择器、伪元素选择器，过渡，2d/3d转换(动画)等，还有些规范建议，HTML5新特性等，方便查缺补漏。

我的学习交流群点击：web前端学习裙

基础

字体设置

  • 各种字体之间必须使用英文状态下的逗号隔开。
  • 现在网页中普遍使用14px
  • 中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。
  • 如果字体名中包含空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-fanily:"Times new Roman";
  • 尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示
  • 尽量不用中文,有兼容问题,最好用对应的英文或者unicode编码。
* {
   font-family: "Microsoft  YaHei",tahoma,arial,"Hiragino Sans GB"
 }

字体粗细

span {
    font-weight:400;
 }

tips：数字400 =

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。