*文档样式表、外部样式表,比内联样式多了个“表”字
注意 后面会逐渐学习到这些CSS属性,目前没必要每一个都去查询了解,用多了自然就记住了(CSS属性名都是小写)
letter-spacing.word-spacing分别用来设置字母、单词之间(有空格才算一个单词)的间距
默认是0,可以设置为负数
一.什么是文档流文档流
1. 内联元素文档流从左往右流动,块级元素从上往下流动,每个块级元素另起一行
2. 块级元素的高度是由它里面文档流元素的高度决定的,决定不是等于
二.font-size:100px 指的是什么高度
字体的高度font-size是字母最高点到最低点的距离
1、直接更改,比如:
xID.style.display = "block" // 更改display属性,会覆盖css中的定义。xID.style.display = "" // 取消js更改display属性,以css样式为准。
这里的xID,是通过id获取的标签。当然,也可能是通过tagName之类的获取的标签。
这种方式,简单直接。但是要修改大量的样式的时候,不适合。所以,我更推荐第二种方式。
2、更改类名
xID.className = "xx yy"如果有多个类,就用空格隔开。前提,在样式中要有已有类的定义。比如这里的xx和yy类,在css中应该是写好的。
这种方式把所有的样式写在了css文件中,适合更改较多的样式以及炫酷的样式。js就只做一件事情:改类。至于这个类会把标签变成什么样子,交给css吧。
通过jquery也可以达到如上的效果:
$("#xID").css({fontSize:"12px",
display:"block"
}) // 直接更改样式
$("#xID").addClass("xx") // 增加删除类
$("#xID").removeClass("xx")