一、基础选择器之标签选择器
选择这个结构里的所有这个标签。
二、基础选择器之类选择器口诀:
样式点定义,结构(class)类调用,一个或多个,开发最常用。多类名使用方式:.
w { width: 1200px; margin: 0 auto; background-color: pink;}
.header { height: 42px;}
<div class="w header">(既调用W 又调用header,同时调用两个类)</div>
三、基础选择器之id选择器、
1.与类选择器的区别:类选择器可以被多个标签调用;id选择器只能被调用一次。
<style>
# p { color: red; }
</style>
</head>
<body> <div id="p">成龙</div>
<!-- "#p"已经被调用过了,不能再被其他标签所调用了 虽然调用同样可以实现将其颜色变红的效果,但是这样违反了语法-->
<div id="p">李连杰</div></body>
2.基础选择器之通配符选择器:如: * { margin: 0; padding: 0; }可以选中页面中的html\body\等。
四、字体属性:
1.设置字体 font-family:
2.font-size 文字大小:h 标题需要单独指定文字大小。现在浏览器默认字体大小为8px,如果字体比8px更小,显示8px。
3.字体文字粗细:font-weight:400(normal)\700(bold)。
4.字体倾斜:font-style:Italic (倾斜)\normal (正常)。
5.字体的复合属性:
div { /* font-style: italic; font-weight: 700; font-size: 16px; font-family: Microsoft yahei; */ /* 复合属性的书写顺序: font: font-style font-weight font-size/line-height font-family; */ /* 注:font-size和font-family必不可少 */ font: italic 700 16px "Microsoft yahei"; }
<div>三生三世十里桃花,一心一意百行代码</div>
五、文本属性1.颜色 color属性:
a.预定义如:red等。
b.16进制 #ffffff(白色)#000000(黑色)。
c.rgb形式。2.text-align 对于行内元素里面的元素进行居中的话,需要将它放进块级元素里面,对于块级元素里面的元素进行居中的话,直接进行居中。