css学习笔记

css

css的基础概念;
cascadingnStyle sheet 层叠样式表

选择器

标签:

……之类的标签 使用方式:直接输入标签名

类:(class): class 名字 使用方式:输入点+class名

Id:名 使用方式:输入#+id名

一般来说我们写css文件的时候用的都是第二种选择器,class名,这是因为ID名一般被用作JS的选择器

给Class命名也是有规范的,像xxx-xxxx这样做的好处是让你的代码更加清晰。

三个连接样式

行内样式(内嵌样式)

css学习笔记

直接写在标签里,使用style属性,只对当前标签有效,页面内容和表现形式是高度耦合的,

不利于分工合作

css学习笔记

内部样式是在head部分使用

css学习笔记

字体的相关属性:

css学习笔记

text-decoration:none(默认)/underline(下划线)/overline(上划线)/line-througe(删除线)

direction:ltr(left
to right从左到右)/rtl(right
to left从右到左)

text-transform:
capitalize(首字母大写)/uppercase(所有字母大写)lowercase(所有字母小写)

正常行高

正常行高

正常行高