css 4种引入方式
2016-11-07 20:00
211 查看
1：直接在html标签里写入对这个标签的css的控制，如 <div style="border : 1px solid blue ;"></div>
2：外部链接一个css文件，在html头部分表明，如 <link href= " css/my.css " rel= " stylesheet " type= " text/css ">
3：在body内写一个内容，在head下，用<style>控制，如
<title>我是一只小小鸟</title>
</head>
<style>
table{
height:300px;
width:400px;
border:1px dashed #FF0000;
}
td{
border:1px solid #00F;
}
</style>
<body>
<table>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
4：外接多个CSS文件时：<style type="text/css"> @import url(my.css); </style>
2：外部链接一个css文件，在html头部分表明，如 <link href= " css/my.css " rel= " stylesheet " type= " text/css ">
3：在body内写一个内容，在head下，用<style>控制，如
<title>我是一只小小鸟</title>
</head>
<style>
table{
height:300px;
width:400px;
border:1px dashed #FF0000;
}
td{
border:1px solid #00F;
}
</style>
<body>
<table>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
4：外接多个CSS文件时：<style type="text/css"> @import url(my.css); </style>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS的4种引入方式及优先级
- CSS的4种引入方式及优先级
- CSS的4种引入方式
- CSS 引入的4种方式
- CSS的4种引入方式及优先级
- 在HTML中引入CSS的3种方式使用介绍
- html引入css四种引入方式示例分享
- CSS引入的方式有哪些? link和@import的区别?
- html页面中引入css的几种方式
- CSS的四种引入方式
- 引入样式表(css)的四种方式
- CSS优先级、引入方式、Hack
- 引入css的四种方式
- yii 中引入js 和css 的方式
- 项目复习期总结3：CSS引入方式，注释，命名规范，背景，行高，文本属性
- css的引入方式
- 【CSS】之引入方式
- css 4种定位方式
- 网页设计中CSS关联调用的4种方式
- css笔试题整理——四种引入css方式