CSS笔记(一)

html-css019

CSS笔记(一),第1张

*文档样式表、外部样式表,比内联样式多了个“表”字

注意 后面会逐渐学习到这些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")