CSS入门(1)
- 初识CSS
- CSS指层叠样式表(Cascading Style Sheets),样式定义了如何显示HTML元素。
- CSS由选择器和一或多条声明构成,声明由属性和值构成:
/*css的注释长这样*/ h1 {color:red;font-size:10px;}
这里h1就是选择器,color(属性):red(值);为一条声明。
- id选择器和class选择器
可以为标有id或class的元素指定样式,这时选择器可为#id值 或.class值。
- 四种引入CSS的方式:
- style属性
放在一个元素中作为style属性,作为内联样式,少用。 - style标签
<style>标签放在头部,定义内部样式表,如:
<head> <style> p {marging-left:10px;} body {background-image:url("image/xx.gif");} </style> </head>
- css link
<link>标签放在头部,链接外部样式表,如:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
- css import
注:多重样式时,遵循优先级:style属性(内联)>style标签(内部)>css link(外部)>浏览器默认样式
3 常见CSS属性:
属性 | 用法 |
---|---|
font-family | 文本字体 |
font-size | 文字大小 |
font-weight | 字体粗细,normal、bold、lighter等 |
color | |
background-color | 元素的背景颜色 |
margin | 元素的边距,4个值(上右下左)、3个值(上‘左右’下)、2个值(上下)、1个值(四边) |
padding | 元素填充距离,同marging差不多,但不能为负值 |
line-height | 行高,90%、110%等 |
网友评论