CSS----嵌入式样式表
来源:互联网 发布:网络变压器接法 编辑:程序博客网 时间:2024/05/29 13:33
嵌入样式表是在网页文档的头部定义一个<style></style> 标签对,在该标签对内加入各种网页元素的样式规则。如:
<html>
<head>
<title>嵌入式样式表的范例</title>
<style type="text/css" media="screen">
<!--
h1
{
font-size:30px;
color:red;
background-color:yellow;
text-align:center;
text-decoration:underline
}
img
{
width:300;
height:300;
}
body
{
background-color:orange;
}
-->
</style>
</head>
<body>
<h1>嵌入式样式表的应用</h1>
<img src="img1/mount.jpg">
</body>
<html>
<head>
<title>嵌入式样式表的范例</title>
<style type="text/css" media="screen">
<!--
h1
{
font-size:30px;
color:red;
background-color:yellow;
text-align:center;
text-decoration:underline
}
img
{
width:300;
height:300;
}
body
{
background-color:orange;
}
-->
</style>
</head>
<body>
<h1>嵌入式样式表的应用</h1>
<img src="img1/mount.jpg">
</body>
</html>
STYLE元素放在文档的HEAD部分。必须的TYPE属性用于指定媒体类型,同样地,TITLE和MEDIA属性也可以用STYLE指定。
旧版本的浏览器,并不能识别STYLE元素,会将其当作BODY的一部分照常展示其内容,从而使这些样式表对用户是可见的。要防止这样做,STYLE元素的内容要包含一个SGML注解(<!-- comment -->)在里面,像上述例子那样。
嵌入的样式表可用于当一个文档具有独一无二的样式的时候。这种方式适合规则很少,网页也很少的情况。如果网页非常的多,而且要求对不同的网页又有不同的风格,这种就不是最有效的。
- CSS----嵌入式样式表
- 如何定义嵌入式Css样式
- js访问CSS最终样式(嵌入式样式、外部样式表、内联样式综合的样式表现)
- css样式表、css选择器
- CSS样式表范例
- 层叠样式表(CSS)
- CSS样式表学习
- css(样式表)
- CSS样式表范例
- 关于CSS样式表
- CSS--层叠样式表
- css样式表简介
- CSS样式表
- css样式表规划
- CSS样式表 HTML
- CSS样式表
- CSS样式表基础
- Css条件样式表
- ASIHTTPRequest 断点续传
- MAC之边写边记
- js操作json字符串实践
- LISTVIew 加分割线,scrollbar样式 以及其他
- uva 575 Skew Binary 吓唬人的超级大水题
- CSS----嵌入式样式表
- Hadoop1.x 源码修改编译执行
- [Android]RelativeLayout中最底的View其layout_marginBottom无效
- C语言图形函数
- C++中实现Singleton的正确方法
- 股指期货(Stock Index Future)
- 使用CSS解决不同浏览器的错位问题
- DCOM配置时右键属性不见的解决办法 .
- clojure配置repl端口和repo路径