首页 > Web开发 > 详细

css和html的四种结合方式

时间:2016-03-18 09:31:00      阅读:296      评论:0      收藏:0      [点我收藏+]

1.在每个html网页的body中使用

<div style="background-color:black;color:red;">asdasd</div>

2.使用html中的一个标签实现<style>标签,写在head里面

<style type="text/css">

div{

background-color:black;

color:red;

}

</style>

</head>

<body>

<div>dasdas</div>

<body>

3.在style标签中使用

@import url (css文件的路径)

第一步,创建一个css文件

div{

background-color:black;

color:red;

}

第二步,在style标签中使用

<style type="text/css">

@import url(css文件的路径)

</style>

4.使用<link>头标签引用

<Link rel="stylesheet" type="text/css" href="css文件的路径">

注:第三种结合方式,缺点:在某些浏览器下不起作用,一般使用第四种结合方式

css的基本选择器

1.标签选择器

p{

color:red;

}

div{

color:red;}

<p>asd</p>

<div>sda</div>

2.class选择器

div.hah{

color:red;

}

<div class="hah">sad</div>

如果有两个相同class的标签,可以直接用.class

3.id选择器

div#hah{

color:red;}

<div id="hah">sad</div>

css和html的四种结合方式

原文:http://www.cnblogs.com/mrzhangkang/p/5290706.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!