css基础选择器
学习笔记from:css视频学习
选择器分类:标签选择器、类名选择器、id选择器、通配符选择器
css标签选择器div{属性值}
css类名选择器.red{属性值}使用最多
css id选择器#nav{属性值}一般和js搭配使用
id选择器口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用
可以使用多类名,把相同的属性放到一个类名中进行调用。方便修改多个类名之间用空格隔开
通配符选择器* {属性值}可把所有的标签均改变,特殊情况进行使用(例如设置页面边距等)
css字体属性
font-family设置字体样式
font-size设置字体大小 例:font-size: 16px;
标题标签不能通过标签选择器来修改字体大小,它需要单独进行设置
font-weight设置字体粗细:normal默认值也可用400代替,bold加粗可用700代替
font-style设置文本风格:使用em标签倾斜字体 使用i标签让字体变倾斜让倾斜字体变得不倾斜
复合属性:简写的方式
font:font-style font-weight font-size/line-height font-family(顺序要记住)
设置时代码可直接简写为:font:italic 700 16px ‘Microsoft yahei’
不需要设置的属性可以省略取默认值,但必须保留fong-size和font-family属性,否则font将不起作用
css文本属性
文本颜色:color:预定义英文、十六进制、rgb代码
对齐文本:text-align用于设置水平对齐方式
装饰文本:text-decoration:none(默认)、underline(下划线)、overline(上划线)、line-through(删除线)
文本缩进:text-indent让文本的第一行首行缩进多上距离(em是相对单位可缩进2em,则是缩进当前文字的两个文字大小的距离)
line-height设置行间距
css引入方式
1.行内样式表(行内式):在HTML页面内部的style标签中
2.内部样式表(嵌入式):在元素标签内容的style属性中设定css样式,适合修改简单样式
3.外部样式表(连接式):单独写到一个css文件中,然后引入
tyle属性中设定css样式,适合修改简单样式
3.外部样式表(连接式):单独写到一个css文件中,然后引入