CSS基础样式
CSS指层叠样式表,它作用是控制页面内容的外观。这样就可以将网页的内容和表现形式分离。层叠的意思是 如果选择器的权重相同,则后面元素的样式会覆盖前面样式。
样式表比较常见的有三种引入方式
1.行内样式
样式表的基础选择器
CSS基础选择器
1.ID选择器
{id选择器在一个页面里面只能用一次}*
id名称{属性名:属性值;}
2.类选择器
.class名称{属性名:属性值;}
{类选择器可以用多次}
3.标签选择器
标签名{属性名:属性值;}
通配符选择器用*号表示,他是所有选择器中作用范围最广泛,能匹配页面中所有的元素
*{margin:0;padding:0;}
样式表常用样式
1.color 字体颜色
可以使用名称,RGB,RGBA,十六进制来指定字体颜色
2.font-family 字体样式
3.text-align 文字内容靠左,居中,靠右
4. background-color 背景色,默认是透明。如果同时设置背景图片,背景图片将覆盖背景色之上
5. background-image 背景图片,通过url指定图片
6.background-repeat 背景图片是否重复,默认值repeat
属性值reapeat-x图片在横向上平铺, reapeat-y图片在纵向上平铺,no-repeat不重复平铺
7.background-size 背景图片大小,默认值(auto)真实大小
前面是宽后面是高,只设置宽高度会自动匹配
8.background-position 相较于外部容器,背景图片的位置。默认值0% 0%相较于left和top
9.font-style 文本的字体样式(正常或者斜体)
默认值normal 正常
italic 斜体
10.font-weight 字体的粗细
默认值normal 正常
lighter 细体效果和normal一样
bold 粗体
bolder 也是粗体
数字也可以表示粗细,范围100~900
h1--h6默认的都是黑体 p默认的是“宋体”
中文网页:微软雅黑 标题文字是14-16
段落文字字号是12-14
单行文字当行高等于容器的高度值是它垂直居中