css相关笔记（一）

0.不推荐使用＊通配符选择器
　因为这会使浏览器的压力更大　

1.选择器的命名规范：
◆不能使用数字开头或纯数字
◆不能使用特殊符号开头或纯特殊符号（不推荐使用_开头或者纯下划线）
◆不推荐使用纯中文或包含中文
◆不推荐使用标签名、属性或者属性的值

2.颜色值推荐使用16进制而非单词推荐使用 rgb、16进制、rgba
#FFFFFF
前两位 FF 表示红色
中间两位 FF 表示绿色
后面两位 FF 表示蓝色

如果红色绿色蓝色的两位数字都是相同的
那么可以写成三位 #FFF
颜色值一共有一两百万种

3.字体种类的取值推荐使用 unicode码
可以通过浏览器的Console来使用javascript函数escape("宋体") 来获取unicode码
如果直接使用中文会让浏览器对中文进行解码成unicode ，所以直接写unicode码会性能更好

4.字体的粗细推荐使用数字 100-900 中 700-900 粗到超粗不推荐使用 bold 和bolder

5.字体的连写必须包含字体大小和字体种类
　例如:　font:15px \u5b8b\u4f53;
完整连写: font:italic 700 15px/1.5 \u5b8b\u4f53;

转载于:https://www.cnblogs.com/jwlLWJ2018/p/9158349.html

css相关笔记（一）相关推荐

css相关笔记（五）
1.字体的所有属性都可以被继承,但是字体的连写会层叠掉你继承的字体属性,例如你在父容器中写了字体的属性,当你在自己的样式中使用 font属性连写时,会层叠掉父容器中的字体属性,就算是 font:18 ...
Henry前端笔记之 CSS相关
Henry前端笔记之 CSS相关深入理解vertical-align和line-height的基友关系深入理解vertical-align和line-height的基友关系详见:基友理解 px. ...
Head First HTML与CSS阅读笔记（二）
上一篇Head First HTML与CSS阅读笔记(一)中总结了<Head First HTML与CSS>前9章的知识点,本篇则会将剩下的10~15章内容进行总结,具体如下所示. div ...
HTML+CSS个人笔记
HTML+CSS个人笔记 HTML(Hyper Text Markup Language) 浏览器什么是浏览器内核? 浏览器所采用的渲染引擎("Rendering Engine" ...
CSS学习笔记（详细，不定期更新）
CSS 学习笔记 CSS书写规范顺序布局位置属性(position, top, right, z-index, display, float等) 自身大小盒子模型(width, height, p ...
爆肝！css复习笔记（有目录！）
爆肝!css复习笔记 1.基础选择器:标签选择器.类选择器.id 选择器和通配符选择器 2.css字体属性 font-family font-size字体大小 font-weight字体的粗细 fon ...
CSS学习笔记（详细）- 基础
CSS学习笔记从零开始代码风格样式书写格式 CSS基础选择器 css选择器的作用:(选择标签用的) 选择器分类:基础选择器和复合选择器基础选择器标签选择器类选择器 - 开发最常用多类名 i ...
HTML5 CSS学习笔记
最新前端开发入门教程,web前端零基础html5 +css3+前端项目视频教程_哔哩哔哩_bilibili 代码地址:HTML5+CSS: 用于学习.练习前端的相关知识. 目录 HTML 1.html ...
Metro UI CSS 学习笔记之一：简介和Metro UI CSS 环境搭建
简介: Metro UI CSS 是一套用来创建类似于Windows 8 Metro UI风格网站的样式. 这组风格被开发成一个独立的解决方案.Metro UI CSS包含两种类型的许可证: MIT和 ...
CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法
CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法参考文章: (1)CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法 (2)https://www.cnblogs. ...

css相关笔记（一）

css相关笔记（一）相关推荐

最新文章

热门文章