设为首页收藏本站

九九站长,站长论坛,discuz教程

 找回密码
 立即注册
查看: 2732|回复: 1
收起左侧

[div+css技术] css的写法,怎么写入到html文档中!

[复制链接]

97

主题

165

帖子

1445

积分

九八级-网站编辑

Rank: 8Rank: 8

交易币
757 枚

活跃会员热心会员推广达人宣传达人突出贡献荣誉管理

发表于 2013-4-27 08:17:55 | 显示全部楼层 |阅读模式

注册加入九九站长论坛,一起交流,学习,分享网站技术,资源等!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
css怎么给html布局,怎么把我们写好的css规则加入到html中呢,有三种方法,内嵌样式、嵌入样式、外部连接样式、

下面我就来介绍下这三种使用样式的方法:

1:内嵌样式,内嵌样式实际上就是把css规则写到我们的html标签上面,就想html的属性一样加上去,前有提到过点,比如说我写了个div容器,使用内嵌样式声明它的宽高和背景颜色;写法如下:

<div style="width:200px;height:200px;background:red;"></div>

看着就像是给div标签加的属性一样,style声明这是样式,等于后面就是它的属性了,所有的属性用双引号括起来,里面每个样式属性之间用分号分开,每个属性和属性值之间用冒号分隔开,就就是内嵌样式的写法,很简单的,内嵌样式可以给所有的标签加样式!


2:嵌入样式,嵌入样式的写法是写在html的头部里面,写法如下:

<head>
<style type="text/css">
   body{width:100%;height:100%;}
   div{width:200px;height:200px;background:red;}
  </style>
</head>

要写在head标签里面哦,就是写在头部里面,样式用style双标签包裹,在style标签上加了属性type,就是告诉浏览器这是用text写的css样式表,里面我写了两条规则,第一条声明body标签元素的款和高都是100%,基于浏览器;第二条声明所有的div元素宽高都是200px,背景色都是红色的;
写法就是前面是个选择器,意思就是说这条样式是控制谁的,后面用一对大括号,把所有的样式属性都写到大括号里面,和内嵌样式一样的每个属性用分号分隔开,属性和属性值之间用冒号分隔开,这就是嵌入样式的写法;


3:外部连接样式,写法如下:

<head><link rel="stylesheet" type="text/css" href="c3.css"   /></head>
rel是定义当前文档与目标文档之间的关系,type上面说过了的,更严格的说发是规定目标 URL 的 MIME 类型。
外部连接样式也是写在head头部里面的,用link单标签引入到我们的html文档中进行使用,href就指向了一个连接的后缀名为css的样式表,这里引入的是名为c3.css的样式表,这时候我们就把所有的样式直接写到c3.css这个文档里面就可以了,写法如下:

body{width:100%;height:100%;}
div{width:200px;height:200px;background:red;}

这写法和上面的嵌入样式一样的,注意:在用外部连接的时候直接在css文档里面写样式就可以了,不用写style标签来包裹什么的!

本节课视频教程下载地址:
链接:http://pan.baidu.com/share/link?shareid=409196&uk=909515370
密码:bmbo
特别无聊,来九九站长看下教程!

60

主题

137

帖子

1444

积分

九九级-信息监察员

Rank: 9Rank: 9Rank: 9

交易币
680 枚
发表于 2013-5-26 15:31:15 | 显示全部楼层
果断回帖,如果沉了就是我弄沉的很有成就感:在九九站长混了那么多天,学到的东西不少呀
特别无聊,来九九站长看下教程!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

网上报警岗亭图标

Archiver|手机版|小黑屋|九九站长网 ( 渝ICP备13002263 )  
站长论坛   建站教程   discuz教程   discuz模板下载   网站优化
九九站长论坛版权所有:© 2001-2015;如有侵犯你的权利,请告知!

网警备案图
快速回复 返回顶部 返回列表