CSS基础
CSS:层叠样式表
作用:让网页变得更漂亮
引入方式:内嵌式:CSS写在style标签中
外联式:CSS写在一个单独的.css文件中
行内式:CSS写在标签的style属性中
<link>//外联式,在html中引入CSS
<style>
属性:
color:颜色
font-size:文字大小
background-color:填充颜色
width:宽
height:高
/* 类选择器 */
.green {
color: darkgreen;
}
/* id选择器 */
#blue {
color: rgb(8, 12, 255);
}
/* 通配符选择器 */
* {
color: aqua;
}
/* 标签水平居中 */
margin: 0 auto;
字体和文本样式
字体属性:
font-size:字体大小,默认大小是16px
font-weight:字体粗细
font-style:文字是否倾斜
font-family:字体样式
复合属性:
h1 {
/* font: style weight size 字体 */
font: italic 700 66px 宋体;
}
文本属性:
text-indent:文本缩进
text-align:文本水平对齐方式
text-decoration:文本修饰
underline:下划线
line-through:删除线
overline:上划线
none:无装饰线
text-height:行高
- CSS书写顺序:浏览器执行效率更高
1.浮动/display
2.盒子模型:margin border padding 宽度高度背景色
3.文字模式