css + div1
来源:互联网 发布:微屏软件科技有限公司 编辑:程序博客网 时间:2024/05/22 08:09
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>页面标题</title>
</head>
<body>
<h2>css标记</h2>
<p>css标记的正文内容从这里开始</p>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>页面标题</title>
</head>
<body>
<h2><font color="FF0000" face="黑体">css标记1</font></h2>
<p>css标记的正文内容1</p>
<h2><font color="FF0000" face="黑体">css标记2</font></h2>
<p>css标记的正文内容2</p>
<h2><font color="FF0000" face="黑体">css标记3</font></h2>
<p>css标记的正文内容3</p>
<h2><font color="0000FF" face="黑体">css标记4</font></h2>
<p>css标记的正文内容4</p>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>页面标题</title>
<style>
h2{font-family: 幼圆; color:#0000FF;
}
</style>
</head>
<body>
<h2>css标记1</h2>
<p>css标记的正文内容1</p>
<h2>css标记2</h2>
<p>css标记的正文内容2</p>
<h2>css标记3</h2>
<p>css标记的正文内容3</p>
<h2>css标记4</h2>
<p>css标记的正文内容4</p>
</body>
</html>
行内样式:
text-decoration:underline" 文本能容有下划线
font-style:italic 斜体
font-weight:bold 字体加粗
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>页面标题</title>
</head>
<body>
<p style="color:#0000FF; font-size:20px; text-decoration:underline">css标记的正文内容1</p>
<p style="color:#000000; font-style:italic;">css标记的正文内容2</p>
<p style="color:#FF00FF; font-size:25px; font-weight:bold;">css标记的正文内容3</p>
</body>
</html>
内嵌式:
color:#FF00FF;
text-decoration:underline;
font-weight:bold;
font-size:25px;
紫色,下划线,粗体,25px的效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>页面标题</title>
<style type="text/css">
p{
color:#FF00FF;
text-decoration:underline;
font-weight:bold;
font-size:25px;
}
</style>
</head>
<body>
<p>紫色,下划线,粗体,25px的效果1</p>
<p>紫色,下划线,粗体,25px的效果2</p>
<p>紫色,下划线,粗体,25px的效果3</p>
</body>
</html>
链接式:
1.css 中的内容
@charset "utf-8";
/* CSS Document */
h2{
color:#0000FF;
}
p{
color:#FF00FF;
text-decoration:underline;
font-weight:bold;
font-size:20px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>页面标题</title>
<link href="1.css" type="text/css" rel="stylesheet" />
</head>
<body>
<h2>css标题1</h2>
<p>紫色,下划线,粗体,25px的效果1</p>
<h2>css标题2</h2>
<p>紫色,下划线,粗体,25px的效果2</p>
</body>
</html>
导入样式:
@import url(1.css);
1.css 中的内容
@charset "utf-8";
/* CSS Document */
h2{
color:#0000FF;
}
p{
color:#FF00FF;
text-decoration:underline;
font-weight:bold;
font-size:20px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>页面标题</title>
<style>
@import url(1.css);
</style>
</head>
<body>
<h2>css标题1</h2>
<p>紫色,下划线,粗体,25px的效果1</p>
<h2>css标题2</h2>
<p>紫色,下划线,粗体,25px的效果2</p>
<h2>css标题3</h2>
<p>紫色,下划线,粗体,25px的效果3</p>
</body>
</html>
- css + div1
- SRM481 div1
- srm588 div1
- Codefoces310 div1
- SRM573 Div1
- [css]如何让一个元素div1的宽度由子元素的宽度决定,并超出父元素div0
- SRM 465(DIV1 DIV2)
- SRM 465(DIV1 DIV2)
- SRM480 DIV1 250分
- SRM 144 DIV1 second
- SRM 507 DIV1 B
- SRM 513 DIV1 C
- SRM 500 DIV1 B
- TC srm519 div1
- TC SRM520 div1
- Topcoder.SRM527.Div1.T2
- SRMS 531 DIV1
- SRM534-div1-2-EllysNumbers
- word分栏及序号对齐
- 定义文档兼容性,让IE按照指定的浏览器版本解析页面
- JAVA JS 身份证正则表达式
- Same Tree
- Linux Software RAID step by step
- css + div1
- 【live555】一些类的构造函数的参数
- 程序设计假期练习题--1
- Django的安装
- crowdin
- linux高速缓冲管理中的哈希队列、空闲链表以及延迟写和提前读策略
- 页面新开Tab页实现方式
- 【Git入门之二】创建仓库
- 解题报告1