CSS01

一、基础选择器之标签选择器

选择这个结构里的所有这个标签。

二、基础选择器之类选择器口诀:

样式点定义,结构(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 对于行内元素里面的元素进行居中的话,需要将它放进块级元素里面,对于块级元素里面的元素进行居中的话,直接进行居中。



©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。