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

CSS入门

时间:2016-03-13 06:05:43      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="gb2312">
<title>CSS</title>
<!-- <link rel="stylesheet" type="text/css" href="123.css">-->

<style type="text/css">
/*p{
color:red;
}*/
p{color:green;
border:1px solid orange;
}
b{border:inherit;
}
</style>
inherit继承

<!--type是它的类型属性,text/css是它的值,它们是告诉浏览器这里面的文本内容(text)要当层叠样式表 (css)来解析-->

</head>

<body>
<!-- <p style="color:red;font-size:50px;">元素内嵌样式</p>" 单独一个
<p>html外部引用CSS样式</p> link外联
<p>文档内嵌样式</p> style内嵌
<p>html外部<b>引用CSS样式</b></p> 利用link外联后import插入css,嵌套后b有了p的父属性

<b>自带加粗</b>

<span style="font-weight:bold;">另设置加粗</span>

<b style="font-weight:normal;">冲突掉b元素属性</b>-->

<p>html外部<b>引用CSS样式</b></p>

</body>
</html>

CSS入门

标签:

原文地址:http://www.cnblogs.com/webday/p/5271061.html

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