您所在位置：主题：[转帖]css基础
cqhl
[专家分：0] 发布于 2011-12-09 15:51:00
1、认识CSS
CSS是英文单词Cascading Style Sheets缩写，翻译为“样式表”，我们又称“CSS样式表”。通俗讲CSS是控制网页中内容的颜色、字体、文字大小、宽度、边框、背景、浮动等样式来实现各式各样、花样百出的网页样式的统称（了解更多控制样式属性）。如大学是什么，大学里有计算机、教师、物理、化学、英语等专业系、院组成了一所大学，这就是大学。
2、 -
认识了CSS原理，相当于我们找到CSS下手学习入口，进入CSS世界。
转入正题，CSS原理模型例子：我们知道使用对讲机双方要通话，必须要在一定距离内（对讲机信号覆盖区），CSS一样，CSS要生效必须引入要正确（推荐style 和 link，内嵌和引入2种方式引入嵌入CSS）；对讲机双方除了在信号范围内才能通话，还有最重要的就是双方频道频率（调频频率）要相同，CSS也是这样，要想CSS生效就需要在CSS代码的命名和中值或的值的引用的CSS选择器命名相同。这样CSS选择器命名与html应用CSS类（class）值名相同后，这个CSS选择器里写不同样式属性，html对应部分网页内容样式就跟着你在CSS选择器里设置不同CSS属性样式而变化。
HTML与CSS本身是一个整体缺一不可，CSS代码表达的样式要实现就需要html中使用class或ID的值与CSS选择器的的名称相同。
DIVCSS5例子-style html中内嵌CSS代码法： -
CSS代码（代码是放入html的head开始与结束标签内）：
<style type="text/css">
.yangshi{ color:#F00;}/* 定义内容为红色 */
#abc{ color:#0F0;}/* 定义内容为绿色 */
</style>
对应在html调用（此代码是放入body区内）：
<div class="yangshi">我是红色</div>
<div id="abc">我是绿色</div>
CSS原理与CSS实例说明： -
1、css属性选择器与html中内使用CLASS或ID引入CSS的命名的名称要相同。（如上例，CSS中.yangshi{...}对应HTML<div class="yangshi"></div>）
2、CSS代码写到什么地方（上例：使用style在html中内嵌CSS代码，当然可以使用LINK外部引入CSS文件）
3、CSS属性选择器命名自己可以取，而CSS样式属性是固定的，如宽度对应width
注意“yangshi”与"abc",对应到HTML里一个用class一个用ID，我们就需要认识与。
从CSS原理我们主要是学习CSS与HTML关系
在学习过程中你的很多CSS问题都在能查看学习解决掉或到()讨论区，提交问题我们共同来给你解答解决。
转载自：
[url= http://www.gobenetzsfcp.cn] http://www.gobenetzsfcp.cn[/url]
CSS是英文单词Cascading Style Sheets缩写，翻译为“样式表”，我们又称“CSS样式表”。通俗讲CSS是控制网页中内容的颜色、字体、文字大小、宽度、边框、背景、浮动等样式来实现各式各样、花样百出的网页样式的统称（了解更多控制样式属性）。如大学是什么，大学里有计算机、教师、物理、化学、英语等专业系、院组成了一所大学，这就是大学。
2、 -
认识了CSS原理，相当于我们找到CSS下手学习入口，进入CSS世界。
转入正题，CSS原理模型例子：我们知道使用对讲机双方要通话，必须要在一定距离内（对讲机信号覆盖区），CSS一样，CSS要生效必须引入要正确（推荐style 和 link，内嵌和引入2种方式引入嵌入CSS）；对讲机双方除了在信号范围内才能通话，还有最重要的就是双方频道频率（调频频率）要相同，CSS也是这样，要想CSS生效就需要在CSS代码的命名和中值或的值的引用的CSS选择器命名相同。这样CSS选择器命名与html应用CSS类（class）值名相同后，这个CSS选择器里写不同样式属性，html对应部分网页内容样式就跟着你在CSS选择器里设置不同CSS属性样式而变化。
HTML与CSS本身是一个整体缺一不可，CSS代码表达的样式要实现就需要html中使用class或ID的值与CSS选择器的的名称相同。
DIVCSS5例子-style html中内嵌CSS代码法： -
CSS代码（代码是放入html的head开始与结束标签内）：
<style type="text/css">
.yangshi{ color:#F00;}/* 定义内容为红色 */
#abc{ color:#0F0;}/* 定义内容为绿色 */
</style>
对应在html调用（此代码是放入body区内）：
<div class="yangshi">我是红色</div>
<div id="abc">我是绿色</div>
CSS原理与CSS实例说明： -
1、css属性选择器与html中内使用CLASS或ID引入CSS的命名的名称要相同。（如上例，CSS中.yangshi{...}对应HTML<div class="yangshi"></div>）
2、CSS代码写到什么地方（上例：使用style在html中内嵌CSS代码，当然可以使用LINK外部引入CSS文件）
3、CSS属性选择器命名自己可以取，而CSS样式属性是固定的，如宽度对应width
注意“yangshi”与"abc",对应到HTML里一个用class一个用ID，我们就需要认识与。
从CSS原理我们主要是学习CSS与HTML关系
在学习过程中你的很多CSS问题都在能查看学习解决掉或到()讨论区，提交问题我们共同来给你解答解决。
转载自：
[url= http://www.gobenetzsfcp.cn] http://www.gobenetzsfcp.cn[/url]