您的位置：首页 > Web前端 > CSS

CSS学习笔记----（三）

2015-08-08 22:15 232 查看

1. CSS=层叠样式表=英文全名cascading style sheets===CSS

/*下面来个小片段，过过眼瘾*/
p{
font-size:12px;
color:red;
font-weight:bold;
}

2.下面来一个完整的例子

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>认识CSS样式</title>
<style type="text/css">
p{
font-size:12px;/*设置文字字号*/
color:red;/*设置文字颜色*/
font-weight:bold;/*设置字体加粗*/
}
</style>
</head>
<body>
<p>慕课网，超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手！</p>
</body>
</html>

3.另一个完整的列子，当只需要改变几个词语的颜色的时候，用
<span></span>
括起来就可以。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS样式的优势</title>
<style type="text/css">
span{
color:blue;
}
</style>
</head>
<body>
<p>慕课网，<span>超酷的互联网</span>、IT技术免费学习平台，创新的网络一站式学习、实践体验；<span>服务及时贴心</span>，内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手！</p>
</body>
</html>

4. CSS样式=选择符+声明（属性+值）

p{color:blue;fontsize:12px;}

5. CSS的3种样式=内联式+嵌入式+外部式

首先内联式： style=”各种样式，都在双引号内”

<p style="color:red">这里的文字是红色</p>
<p style="color:red;font-size=12px">巴拉巴拉</p>

接着嵌入式：

<style type="text/css">
span{
color:red;
}
</style>

最后外部式： 把CSS代码写在一个单独的外部文件中，以.css为扩展名，在

<head>

中，使用

<link />

来引用

<link href="style.css" rel="stylesheet" type="text/css" />  /*------其中rel="stylesheet"   type="text/css"---是固定样式*/

3种方式的优先级内联式>嵌入式>外部式，其实就是就近原则，离元素越进，优先级越高。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航