交流QQ群:26651479
CSS 把 Html 的显示部分抽离出来,一次定义多个页面的显示效果
可以另外写在一个 CSS 文件里,用 <link> 标签引进来
也可以直接在文件的 <head> 里定义,用 <style> 标签括起来
<html>
<head>
<link rel="stylesheet" href="1.css" type="text/css" /> <!-- 导入CSS文件 -->
<style type="text/css"> /* 这里用Html注释会影响其他的内容 */
<!--
h1{color:red;font-size:45} /* 定义h1的标题是红的,并改变字体大小 */
h2,h3,h4{color:blue} /* 连续定义h2,h3,h4的标题颜色的 */
h1.class1{color:yellow} /* 带class1的h1是黄的,其他h1不变 */
.class2{font-family:宋体} /* 定义所有带".class2"的标题都是宋体字的,级别较单独h的高 */
#c1{color:#F304DE} /* 定义带id的为紫色;不常用,因为id经常有其他的用途 */
body{font-size:20pt} /* 定义整个body的内容显示格式 */
DIV{text-align:center;} /* 可定义所有与样式有关的东西 */
a{text-decoration:none} /* 消除 A 链接的下划线;显示则改 none 为 underline */
li{display:inline;} /* 使 ul li 列表元素横排布局 */
-->
</style>
</head>
<body>
<h1 class="class1">是黄的吗?</h1>
<h1>应该是红的</h1>
<h2>是蓝的</h2>
<h3>也是蓝的</h3>
<h4 class="class2">蓝的?绿的</h4>
<h3 id="c1">带id的,紫色</h3>
<h6 class="class2">看class2对其的作用</h6>
<h5 id="c1"> 紫色的</h5>
<a><h5> 黄的,根据“1.css”</h5></a>
</body>
</html>
"1.css"文件里的内容:
h1{color:black;font-size:100}
h5{color:yellow}
优先级:范围越小,优先级越高。
注释:可用Html的注释,但为避免微量的影响,建议括起来。还可用 /*...*/ 注释;但不能用双斜杆注释 //...
另外写的CSS文件,只需写<style>里面的内容
详细设定:
一、设定超连接文字的颜色:
1.以 <body> 标签来设定
<body link="blue" alink="red" vlink="black">
其中,link是未连接状态的颜色;alink是连接中状态的颜色;vlink是已连接过状态的颜色
2.以 Style Sheet 来设定
<style type="text/css">
<!--
A:link { color: #0000ff } /*未连接状态的颜色*/
A:active { color: red } /*连接中状态的颜色*/
A:hover { COLOR: red } /*??连接中状态的颜色*/
A:visited { color: #808000 } /*已连接过状态的颜色*/
-->
</style>