码迷,mamicode.com
首页 > Web开发 > 详细

3_css语法.txt

时间:2015-06-01 20:45:00      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:嵌入式   标签   网页   

CSS语法结构


选择符{属性:值} 例:body{font-size:12px}


参数说明:

1.选择符(selector):

指明这组样式所要针对的对象。

可以是一个XHTML标签,如body,h1 ,也可以是定义了特定的id或class的标签,

如#main选择符表示选择<div id="main">,即一个被指定了main为id的对象

2.属性(proprety):

选择符的样式属性,如颜色,大小,定位,浮动方式等。

3.值(value):

是指属性的值。

4.同时可以为一个选择符定义多个属性,每个属性之间用分号 ; 来分隔。



---------------------------------


CSS在网页中的应用方式:

1.内联式样式表:直接写在现有的标记中,

如:<p style="color:red">这里文字是红色的</p>

2.嵌入式样式表:使用"<style></style>"标签嵌入到HTML文件的头部中<head>标记内,如:

<style type="text/css">

<!--

body{background:white;color:black;}

-->

</style>

<!-- -->用于当浏览器不支持样式表时,不会将样式表内容显示出来。


3.外部链接式样式表:将样式表写在一个独立的 .css 文件中,

   然后在页面head区<head>标记内用<link>标签调用它,

   主要用于实现表现与结构分离,如:

   <link href="main.css" rel="stylesheet" type="text/css" />


4.导入式样式表:导入式样式表与链接式样式表的功能基本相同,只是语法和动作方式上略有不同,

同样也将导入样式代码写在<head>标记内。如:

<style type="text/css">

@import url("basic.css");

</style>




































3_css语法.txt

标签:嵌入式   标签   网页   

原文地址:http://1154179272.blog.51cto.com/10217799/1657203

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!