Css选择器
作用:选择标签用。
基础选择器
标签选择器
直接选择标签
类选择器/id选择器
单独选择一个或者多个。
多类名一个标签可以有多个类名,类名用空格隔开。
.类名 {
}
id选择器只能调用一次。
#id {
}
类选择器和id选择器区别:使用次数不同,类选择器可多个标签使用,id选择器只允许一次调用。
通配符选择器
*表示,一次性选择页面上所有标签。
复合选择器
字体属性
font-family: “字体一”,“字体二”;(多个字体用逗号隔开,字体用引号,多个字体选择由前到后进行选择,都没有则用电脑默认字体)
font-size: 20px;(谷歌默认字体大小为16px,px是像素的意思,一般情况下给整个body的字体一个大小,但是不会影响标题的大小)
font-weight: normal | bold | border | lighter | number;(number为700,和bold一样的效果;number为400,和normal一样的效果,一般情况更提倡用number表示,number没有单位)
font-style: normal | italic;
字体符合属性:font-size,font-family必须有,四个属性必须按照顺序来,否则都会不起作用。
body {
/*font : font-style font-weight font-size/line-weight font-family*/
font: italic 600 16px 'Microsoft yahei',
}
Css文本属性
外观,比如颜色、对齐文本、装饰文本、文本缩进、间距等等。
Css颜色
表示方法:预定义方法,十六进制,RGB代码(rgb(255,255,255)或者rgb(100%,100%,100%));
对齐文本
只能水平对齐,不能居中对齐。
text-align: left | center | right; //默认是左对齐
装饰文本
text-decoration: none | underline | overline | line-through; //line-through是删除线,none是默认的。一般用于给< a >删除下划线。
文本缩进
text-indent: 20px/em; 第一行缩进;em是相对大小单位,相对于font-size的大小,2em是两个字的距离。
行间距
line-height:40px; 行间距=上间距+文字高度+下间距;
总结
元素显示模式
文字类的元素里面不能使用块级元素。比如< p > ,< h1 >里面不能放块级元素。