-
什么是css？
a) Css翻译过来是层叠样式表
b) 目前发布的版本是3.0
-
css的主要作用：
a) 因为如果只输入html，我们只是能把页面的结构搭建出来，但是这样写出来的页面太难看，如果我们想调整页面中元素的宽高、颜色、排列方式等就需要来美化一下网页。
b) 美化网页就是通过css语言来美化的。
-
css语法：
a) 格式：选择器{属性1:属性值1;属性2:属性值2;.............}
b) 选择器：要改谁的样式就写谁的名字。每一个标签都有自己的标签名字，比如要更改p标签的样式，那么这里的选择器就写上p。
c) 属性：要更改什么属性就写属性的单词。比如要更改文字颜色就写color单词。
-
标签选择器
a{ color:red; } 选择到a标签类选择器
<body> <div class='a'></div> </body> <style> .a{ color:red; } </style>类选择器支持多类名
<body> <div class='a b'></div> </body> <style> .a{ color:red; } .b{ font-size:20px } </style> -
选择器
全局选择器： *{} 类选择器：.a{color:red} 群组选择器：a,b,i,u,s,em{} 标签选择器：h1{} -
新学单词
text-align：center; 实现内部文字水平方向居中（应用在块级元素上） line-height:30px;实现文字在竖直方向居中(要求line-height的值=height的值)（应用在块级元素上） font-weight：900; 字体粗细 font-family: '字体系列'
-
元素特点
p: 上下外边距16px h1：上下外边距21.4px a：字体蓝色，下划线，手 ul：上下外边距16px ，左内边距40px li:没有上下外边距
-
居中一个盒子
```css
div{ width:100px; margin:0 auto; } ```
-
居中盒子内部的文字或者图片
div{
text-align:center;
}
// 居中div内部的一行文字
div{
height:40px;
line-height:40px;
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
