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

css和html的四种结合方式

时间:2016-03-18 09:33:21      阅读:230      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!