<!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>css规范</title>

<style type="text/css">

body{color:red;font-size:12px;}

</style>

</head>

<body>

<p>xxxx</p>

<p>xxxx</p>

<p>xxxx</p>

<div>xxxx</div>

<div>xxxx</div>

<ul>xxxx</ul>

<dl>xxxx</dl>

</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>

<p>xxxx</p>

<p>xxxx</p>

<p>xxxx</p>

<div>xxxx</div>

<div style="color:#F00;font-size:12px;">xxxx</div>

<ul>xxxx</ul>

<dl>xxxx</dl>

</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>

    ul{font-size:12px; color:red;}

    div{font-size:14px; color:#03C;}

</style>

</head>

<body>

<p>xxxx</p>

<p>xxxx</p>

<p>xxxx</p>

<div>xxxx</div>

<div>xxxx</div>

<ul>xxxx</ul>

<dl>xxxx</dl>

</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>

<link rel="stylesheet" href="link.css" type="text/css" />

</head>

<body>

<p>xxxx</p>

<p>xxxx</p>

<p>xxxx</p>

<div>xxxx</div>

<div>xxxx</div>

<ul>xxxx</ul>

<dl>xxxx</dl>

</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 type="text/css">

div{height:100px; width:200px; background-color:#F00; display:inline;}

p{height:100px; width:200px; background-color:#F00; display:inline;}

span{height:100px; width:200px; background-color:#F00; display:block;}

font{height:100px; width:200px; background-color:#F00; display:block;}

b{height:100px; width:200px; background-color:#F00; display:block}

a{width:100px; height:50px; background-color:#036; display:inline-block;}

</style>

</head>

<body>

<div>123</div>

<p>123</p>

<span>abc</span>

<font>abc</font>

<b>abc</b>

<a>百度</a>

<a>百度</a>

<a>百度</a>

</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 type="text/css">

.suiyi{color:#F00; font-size:12px;}

.lan{color:#03C;}

</style>

</head>

<body>

<div>xxxx</div>

<div class="suiyi">xxxx</div>

<div>xxxx</div>

<div class="lan">xxxx</div>

</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 type="text/css">

.g{color:#176CEE; font-size:200px; font-weight:bold; }

.o{color:#D4412D;font-size:200px; font-weight:bold;}

.oo{color:#FFB404; font-size:200px; font-weight:bold; }

</style>

</head>

<body>

<span class="g">G</span>

<span class="o">o</span>

<span class="oo">o</span>

<span class="g">g</span>le

</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>id选择器</title>

<style type="text/css">

#zuihou{color:#F00;}

h1{color:#F00;}

</style>

</head>

<body>

<div>xxxx</div>

<h1>xxxx</h1>

<h1>xxxx</h1>

<div>xxxx</div>

<p>xxxx</p>

<div>xxxx</div>

<div id="zuihou">xxxx</div>

</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 type="text/css">

div{color:#F00;}

div{color:#00F;}

</style>

</head>

<body>

<div>xxxx</div>

</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 type="text/css">

div{color:#F00;}

strong{color:#00F;}

</style>

</head>

<body>

<div>我在<strong> <b>xxxx</b></strong>zzzz呢</div>

</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 align="center" style="color:#ffff00;font-size:18px;">今日小说排行榜</h2>

<table width="800" border="0" cellspacing="1" cellpadding="0" align="center" bgcolor="#d7d7d7"  height="350" style="color:#00f; font-size:14px;">

    <tr bgcolor="#f1f1f1">

        <th>排名</th>

        <th>关键词</th>

        <th>趋势</th>

        <th>今日搜索</th>

        <th>最近七日</th>

        <th>相关链接</th>

    </tr>

    <tr bgcolor="#ffffff" style="color:#0F0; ">

        <td align="center">1</td>

        <td align="center">武动乾坤</td>

        <td align="center"><img src="up.jpg" width="13" height="11" /></td>

        <td align="center">623557</td>

        <td align="center">123456</td>

        <td align="center"><a href="#">贴吧</a>&nbsp; <a href="#">图片</a>&nbsp;<a href="#">百科</a></td>

    </tr>

    <tr bgcolor="#ffffff">

        <td align="center">2</td>

        <td align="center">鬼吹灯</td>

        <td align="center"><img src="up.jpg" width="13" height="11" /></td>

        <td align="center">1</td>

        <td align="center">123456</td>

        <td align="center"><a href="#">贴吧</a>&nbsp; <a href="#">图片</a>&nbsp;<a href="#">百科</a></td>

    </tr>

    <tr bgcolor="#ffffff">

        <td align="center">3</td>

        <td align="center">武动乾坤</td>

        <td align="center"><img src="down.jpg" width="13" height="11" /></td>

        <td align="center">1</td>

        <td align="center">123456</td>

        <td align="center"><a href="#">贴吧</a>&nbsp; <a href="#">图片</a>&nbsp;<a href="#">百科</a></td>

    </tr>

    <tr bgcolor="#ffffff">

        <td align="center">4</td>

        <td align="center">武动乾坤</td>

        <td align="center"><img src="up.jpg" width="13" height="11" /></td>

        <td align="center">45</td>

        <td align="center">123456</td>

        <td align="center"><a href="#">贴吧</a>&nbsp; <a href="#">图片</a>&nbsp;<a href="#">百科</a></td>

    </tr>

    <tr bgcolor="#ffffff">

        <td align="center">5</td>

        <td align="center">武动乾坤</td>

        <td align="center"><img src="up.jpg" width="13" height="11" /></td>

        <td align="center">455</td>

        <td align="center">123456</td>

        <td align="center"><a href="#">贴吧</a>&nbsp; <a href="#">图片</a>&nbsp;<a href="#">百科</a></td>

    </tr>

    <tr bgcolor="#ffffff">

        <td align="center">6</td>

        <td align="center">武动乾坤</td>

        <td align="center"><img src="down.jpg" width="13" height="11" /></td>

        <td align="center">2554</td>

        <td align="center">123456</td>

        <td align="center"><a href="#">贴吧</a>&nbsp; <a href="#">图片</a>&nbsp;<a href="#">百科</a></td>

    </tr>

    <tr bgcolor="#ffffff">

        <td align="center">7</td>

        <td align="center">武动乾坤</td>

        <td align="center"><img src="up.jpg" width="13" height="11" /></td>

        <td align="center">44</td>

        <td align="center">123456</td>

        <td align="center"><a href="#">贴吧</a>&nbsp; <a href="#">图片</a>&nbsp;<a href="#">百科</a></td>

    </tr>

</table>

</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>

<link rel="stylesheet" href="yxj.css" type="text/css" />

<style type="text/css">

div{color:#0F0;}

h1{color:#F00;}

.lv{color:#0F0;}

.dada{font-size:100px;}

#lan{color:#00F;}

</style>

</head>

<body>

<div style="color:#00F;">xxxx</div>

<h1 id="lan" class="lv dada" style="color:#F0F">xxxx</h1>

</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 type="text/css">

div{text-align:center;}

body{font-size:12px;}

.search{width:420px; height:25px;}

.tj{height:30px; width:100px;}

.nav{height:60px; font-size:14px;}

.bk{font-size:14px; height:60px;}

.sou{height:50px;}

.map{height:60px;}

.copyright{line-height:25px;}

font{ font-family:Arial, Helvetica, sans-serif;}

</style>

</head>

<body>

<div class="logo"><img src="bdlogo.gif"  width="270" height="129" title="百度一下，你就知道"/></div>

<div class="nav"><a href="#">新 闻</a>　<strong>网 页</strong>　<a href="#">贴 吧</a>  <a href="#">知 道</a>  <a href="#">音 乐</a>  <a href="#">图 片</a>  <a href="#">视 频</a>  <a href="#">地 图</a></div>

<div class="sou"><input type="text" class="search" />　<input type="submit" value="百度一下"  class="tj"/></div>

<div class="bk"><a href="#">百科</a>　<a href="#">文库</a>　<a href="#">hao123</a> | <a href="#">更多&gt;&gt;</a></div>

<div class="map"><img src="ic.jpg" /> <a href="#">百度地图带你吃喝玩乐，全心全意为人民服务</a></div>

<div class="copyright"><a href="#">把百度设为主页</a> <a href="#">安装百度卫士</a><br />

    <a href="#">加入百度推广</a> | <a href="#">搜索风云榜</a> | <a href="#">关于百度</a> | <a href="#">About Baidu</a><br />

<font>©</font>2013 Baidu 使用百度前必读 京ICP证030173号</div>

</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>

em{color:#F00; font-style: normal;}

strong{color:#03C; font-weight:normal;}

</style>

</head>

<body>

xxxx-聚集众多<em>java培训</em>大师，口碑最好的<em>java培训</em>机构，先就业...

<em>java培训</em>的龙头老大,<strong>口碑</strong>最好的<em>java培训</em>、.net培训、PHP培训、网页培训机构，问天下培训机构谁敢争锋? 就业率高居中国培训机...

www.xxxx.cn/ 2012-3-1 - 百度快照 

北京尚学堂-口碑最好的<em>java培训</em>机构，就业后分期还！就业率居北京...

尚学堂是北京口碑最好的<em>java培训</em>机构，就业率始终位居北京<em>java培训</em>机构首位，并为学员提供就业后分期还等服务！提供java视频教程下载，师资:马士兵，高淇等等，是国内...

www.bjsxt.com/ 2012-2-29 - 百度快照 

北京<em>java培训</em>谁最好？java基础,java视频领导品牌-动力节点java培...

北京<em>java培训</em>领导品牌:动力节点<em>java培训</em>机构，创造全班最低薪资每月5000元的记录，拥有国内最具实战能力的<em>java培训</em>讲师，整体就业率高达95%，在<em>java培训</em>行业遥遥领先！...

www.bjpowernode.com/ 2012-3-1 - 百度快照

</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 type="text/css">

    @import url(link.css);

</style>

</head>

<body>

<p>xxxx</p>

<p>xxxx</p>

<p>xxxx</p>

<div>xxxx</div>

<div>xxxx</div>

<ul>xxxx</ul>

<dl>xxxx</dl>

</body>

</html>
@charset "utf-8";

/* CSS Document */

@import url(demo.css);

p{color:#00f; font-size:12px;}

转载请备注。

css.day01.eg的更多相关文章

  1. css.day01

    1.CSS 初步认识 web 标准 w3c 结构   xhtml    table  p  hr  br   td    img  a 表现   CSS CSS 最大的好处  就是让  结构和表现   ...

  2. Matplotlib数据可视化（3）：文本与轴

      在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...

  3. CSS学习Day01

    1.什么是CSS 如何学习 CSS是什么 CSS怎么用 CSS选择器(重点+难点) 美化网页(文字.阴影.超链接.列表.渐变) 盒子模型 浮动 定位 网页动画(特效效果) 1.1什么是CSS Casc ...

  4. 黑马12期day01之html&css

    html注释:<!-- --> html中不支持空格.回车.制表符都会被解析成一个空格 <pre></pre>标签内以上三个会被正常解析. <font> ...

  5. 2021年1月-第02阶段-前端基础-HTML+CSS阶段-Day01

    HTML5 第一天 一.什么是 HTML5 1.HTML5 的概念与定义 定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML 两个概念: 是一 ...

  6. Jquery day01

    day01: 基础--选择器.属性和CSS.文档处理 day02: 高级--筛选.事件.效果.ajax jQuery介绍 JS类库 JavaScript 库封装了很多预定义的对象和实用函数.能帮助使用 ...

  7. 传智播客JavaWeb day01 快捷键、XML

    2015-01-14 一直计划着学习java,今天晚上终于下定决心看了下传智播客朴乾老师的javaweb开发视频day01之第一讲,主要内容是开发工具简单介绍.怎么创建工程.Junit的介绍,我是C# ...

  8. HTML及CSS学习笔记

    推荐博客:付铭 day-01 HTML 1.HTML 基本语法 html标签 单标签 <img /> .<img> 双标签 <html> </html> ...

  9. Javaweb学习笔记——（二）——————CSS概述，进入JavaScript

    day02day01内容回顾 1.html操作思想 **使用标签把要操作的数据包起来,通过修改标签的属性值来是实现标签内数据样式的变化 ***<font size="5"&g ...

随机推荐

  1. 显示Mac电脑下的隐藏文件

    1. 在应用程序里打开终端, cd 你的文件夹名 ls -a 即可显示该文件夹下的所有隐藏文件 2. 如果你想打开整个系统的隐藏文件可以在终端下输入以下命令 defaults write com.ap ...

  2. Maven实战一

    转载:http://www.iteye.com/topic/1123221 1. 用Maven 命令创建一个简单的Maven项目 在cmd中运行如下命令: Cmd代码 mvn archetype:ge ...

  3. 数据结构（主席树）：HDU 4729 An Easy Problem for Elfness

    An Easy Problem for Elfness Time Limit: 5000/2500 MS (Java/Others)    Memory Limit: 65535/65535 K (J ...

  4. 【数学】CSU 1810 Reverse (2016湖南省第十二届大学生计算机程序设计竞赛)

    题目链接: http://acm.csu.edu.cn/OnlineJudge/problem.php?id=1810 题目大意: 一个长度为N的十进制数,R(i,j)表示将第i位到第j位翻转过来后的 ...

  5. 部署ASP.Net项目 遇到总是启用目录浏览或者报HTTP 错误 403.14 - Forbidden 的原因

    部署Asp.Net 网站总是报下面的问题 原因: 没有为网站指定默认文档,增加默认文档 1.选中“默认文档” 2.点击右边“打开功能” 点击右边“添加”按钮,把你想作为的默认页面添加就可以了,重启服务 ...

  6. Remove Duplicates from Sorted Array II ——LeetCode

    Follow up for "Remove Duplicates":What if duplicates are allowed at most twice? For exampl ...

  7. Postman 安装 & 资料

    安装 下载地址: http://chromecj.com/web-development/2014-09/60/download.html 怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? ...

  8. Web 测试笔记

    测试难点 主要是模块之间的同步问题. 测试容易忽略的地方 1. 各种标题.包括页面“标签页”的标题,弹出框的标题.由于开发经常直接用之前的页面,比如编辑可能直接用新增的页面,导致标题出错. 2. 最大 ...

  9. VMware: windows8 与 虚拟机ubuntu 14.04 共享文件夹

    假设当前用户为xxx 安装 VMwareTools 1. 打开 VMwareworkstation窗口,选择”虚拟机” -> “重新安装VMwareTools(T)”. 点击之后,会发现 Ubu ...

  10. 武汉Uber优步司机奖励政策（1月18日~1月24日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...