28
CSS基础培训教程(公司内部培训)
2 Comments | 1,347 views这是上周为公司人员培训而准备的CSS教程,这次的教程比上次CSS培训详细了不少,希望对初学CSS的朋友有所帮助。
CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
一、如何使用CSS样式
1、链接外部样式(推荐)
特点:样式与代码分离。2、定义内部样式块对象
特点:页面内部使用,方便,下载流量会适当减少。
3、内联定义。
特点:随意、方便。
推荐第一种调用方式。伪类的几种样式是无法通过第三种样式定义的。
二、语法
样式表语法 (CSS Syntax)
元素 { 属性:值 }
元素的写法将在下面第三部分讲到,属性和值将在第四部分讲到。
三、选择符
通配选择符、类型选择符、属性选择符、包含选择符、子对象选择符、类选择符、ID选择符、选择符分组、伪类和伪对象选择符。
1、类型选择符
font-size:12px;
}
<div>定义的样式</div>
特点:不用定义额外的元素,直接可以写CSS样式。
2、ID选择符(#)
font-size:12px;
}
<div id=”text”>定义的样式</div>
特点:可以为单独为某个元素定义的样式。
3、类选择符(点)
font-size:12px;
}
<div class=”text”>定义的样式</div>
特点:可以为一个页面里面多个应用此类的元素定义样式。
4、包含选择符
font-size:12px;
}
<p id="text">定义的样式</p>
#text p{
font-size:12px;
}
特点:精准定位到某个元素。
上面四种写法在我们平时用的都比较多,对于第四种是前三种的一种灵活的写法。具体用哪种方式,大家可以根据自己的情况来定。




