1.css是层叠样式表,简单来说就是修饰网页
2.css语法:
1》格式:选择器{属性1:属性值1;属性2:属性值2;....}
2》选择器:要改谁的样式就写谁的名字。每一个标签都有自己的标签名字,比如要更改p标签的样式,那么这里的选择器就写上p
3》属性:要更改什么属性就写属性的单词。比如要更改文字颜色就写color单词
3.嵌入式
<style type="text/css">
</style>
在head中写入,不限制次数
4.基本选择器
1》通配选择器 * ,选择所有元素
使用场景
*{
margin: 0;
padding: 0;
}
2》#id id选择器,选择元素id属性值为#id的元素
<body>
<div id='a'></div>
</body>
----------------------
<style>
#a{
color:red;
}
</style>
3》class class选择器,选择元素class属性值为.class的元素
<body>
<div class='a'></div>
</body>
--------------------
<style>
.a{
color:red;
}
</style>
5.尺寸大小
width:宽度 heigh:高度 《默认值是auto》
6.文字样式
text-align:center; 实现内部文字水平方向居中(应用在块级元素上)
text-align:left/right;
line-height:30px;实现文字在竖直方向居中(要求line-height的值=height的值)(应用在块级元素上)
font-weight:900; 字体粗细
font-family: '字体系列'
text-decoration:none;定义标准文本
text-decoration:line-through; 删除线
text-decoration:underline; 下划线
如何取消a超链接的下划线:
a{ text-decoration:none;}
7.元素特点
p: 上下外边距16px
h1:上下外边距21.4px
a:字体蓝色,下划线,手
ul:上下外边距16px ,左内边距40px
li:没有上下外边距