小白也能看懂的css基础(一)
1、如何在网页中引入CSS代码?
1.1 行内式
一般少用,不推荐
<p style="color: #ccc">backgroung-color: blue">
1.2 嵌入式
在head标签内放置,样式不多时使用
<head>
<style>
选择器 {
属性:属性值
}
</style>
</head>
1.3 外链式
新建文件写CSS样式,在head内写link引入html。
<link rel="stylesheet" href=".css地址">
2、选择器
标签选择器 标签名
ID选择器 #id名 id值
类选择器 .类名 class值
通配符选择器 *
交集选择器 之间无空格 即..又..
并集选择器 之间加逗号 用于集体声明
后代选择器 之间加空格 选择子孙后代
子元素选择器 之间加 > 号 选择亲儿子
伪类选择器 在不同状态下的显示情况
3、常用的属性
3.1 文本属性
color:设置文字颜色
text-align :设置文字水平方向对齐方式,对块级元素生效
text-decoration :设置文本的装饰效果,underline下划线 默认none, overline上划线 , line-through中划线
text-indent :设置文本首行缩进 px / em相对当前元素的大小的倍数
3.2 文字属性
font-size :16px; [文字字号 ]
font-weight :400; [文字加粗 100—400(normal)—700(bold)]
font-st