RGB 取色器      HTML 参考手册      CSS 参考手册      HTML 在线测试工具

上面源码（博客园 - HTML）：

<style><!--

p.bg_gray {

 background-color: #FFF;

 border: black solid thin;

 padding:15px;

 box-shadow: 0px 0px 2px #888888;

 border-width:0px;

 width: 700px;

}

--></style>

<p class="bg_gray" align="center"><span class="fangkuang" onclick="window.open('http://www.atool.org/colorpicker.php')">RGB 取色器</span> <span>    </span> <span class="fangkuang" onclick="window.open('http://www.w3school.com.cn/tags/')">HTML 参考手册</span> <span>    </span> <span class="fangkuang" onclick="window.open('http://www.w3school.com.cn/cssref/index.asp')">CSS 参考手册</span> <span>    </span> <span class="fangkuang" onclick="window.open('http://www.w3school.com.cn/tiy/t.asp?f=html_basic')">HTML 在线测试工具</span></p>

<p> </p>

网站测试代码：

<!DOCTYPE html>

<html>

<head>

<style>

span.fangkuang

{

  background-color: #66ff66;

  border: black solid thin;

  padding:10px 10px 10px 10px;

  box-shadow: 2px 2px 3px #888888;

  border-width:1px;

  height:20px;

  width:100px;

  /* Firefox */

  display:-moz-box;

  -moz-box-pack:center;

  -moz-box-align:center;

  cursor: pointer;

}

span:hover

{

  text-decoration: none;

  background-color: #FFA500;

}

</style>

</head>

<body>

<p align="center">

<span class="fangkuang" onclick="window.open('http://www.atool.org/colorpicker.php')">RGB 取色器</span> 

<span>    </span> 

<span class="fangkuang" onclick="window.open('http://www.w3school.com.cn/tags/')">HTML 参考手册</span> 

</p>

<p align="center">

<span class="fangkuang" onclick="window.open('http://www.w3school.com.cn/cssref/index.asp')">CSS 参考手册</span>

<span>    </span> 

<span class="fangkuang" onclick="window.open('http://www.w3school.com.cn/tiy/t.asp?f=html_basic')">HTML 在线测试工具</span>

</p>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<style>

span.fangkuang

{

  background-color: #66ff66;

  border: black solid thin;

  padding:10px 10px 10px 10px;

  box-shadow: 2px 2px 3px #888888;

  border-width:1px;

  height:20px;

  width:100px;

  /* Firefox */

  display:-moz-box;

  -moz-box-pack:center;

  -moz-box-align:center;

  cursor: pointer;

}

span:hover

{

  text-decoration: none;

  background-color: #FFA500;

}

</style>

</head>

<body>

<p align="center">

<span class="fangkuang" onclick="window.open('http://www.atool.org/colorpicker.php')">RGB 取色器</span>

<span>    </span>

<span class="fangkuang" onclick="window.open('http://www.w3school.com.cn/tags/')">HTML 参考手册</span>

</p>

<p align="center">

<span class="fangkuang" onclick="window.open('http://www.w3school.com.cn/cssref/index.asp')">CSS 参考手册</span>

<span>    </span>

<span class="fangkuang" onclick="window.open('http://www.w3school.com.cn/tiy/t.asp?f=html_basic')">HTML 在线测试工具</span>

</p>

</body>

</html>

其他：

RGB 取色器      HTML 参考手册      CSS 参考手册      HTML 在线测试工具

----------

一、标题栏设计

----------

一、标题栏设计
 

----------

1. 二级标题

----------

【188】HTML + CSS + JS 学习网站的更多相关文章

  1. #2使用html+css+js制作网站教程 测试

    #2使用html+css+js制作网站教程 测试 本系列链接 1 测试 1.1 运行 1.2 审查 1.3 审查技巧 1.4 其他 引言: 编写完代码后就要上机测试代码,获得用户体验,筛选bug 笔者 ...

  2. #1使用html+css+js制作网站教程 准备

    #1使用html+css+js制作网站教程 准备 本系列链接 0 准备 0.1 IDE编辑软件 0.2 浏览器 0.3 基础概念 0.3.1 html 0.3.2 css 0.3.3 js 0.4 文 ...

  3. HTML+CSS+JS学习总结

    HTML: 什么是 HTML? HTML 是用来描述网页的一种语言. HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记 ...

  4. css系统学习网站

    最近系统学习一下css样式,找到一个不错的网站.http://css.doyoe.com/

  5. 【CSS/JS学习】如何实现单行／多行文本溢出的省略（...）--老司机绕过坑道的正确姿势

    引言: 写前端UI的朋友们也许都遇到过这样的问题:我们需要实现这样一个需求,在一个父级元素中隐藏一个可能过长的文本:   这个文本可能是单行的:   也可能是多行的:   下面我就给大家展示如何简单或 ...

  6. 分享几个有意思的css js工具网站

    一.VOCABS(css html术语) vocabs 适合初学者快速认知各个代码的术语. 二.OverAPI(语言参考手册,几乎包含所有语言) OverAPI 适合快速查阅相关语言api 三.Jav ...

  7. html/css/js 学习笔记 - 牛客网试卷:前端工程师能力评估

    display属性 : block : CSS1 块对象的默认值.将对象强制作为块对象呈递,为对象之后添加新行   可以定义高度和宽度 none : CSS1 隐藏对象.与 visibility 属性 ...

  8. js 学习网站

    1.  Mozilla Developer Network(MDN) 这里你可以找到官方的完整的javascript参考,还有许多有用的指导,教程以及文章,从基本javascript使用到最佳实践以及 ...

  9. 脚本之家 前端jQuery js 学习 网站

    http://www.jb51.net/books/ http:// www.3wschool.com/

随机推荐

  1. 金明的预算方案（codevs 1155）

    题目描述 Description 金明今天很开心,家里购置的新房就要领钥匙了,新房里有一间金明自己专用的很宽敞的房间.更让他高兴的是,妈妈昨天对他说:“你的房间需要购买哪些物品,怎么布置,你说了算,只 ...

  2. 只有代码不会撒谎,如何通过Spring boot源码查看其对于各个框架的默认配置

    我发现很多开发对于看源码都有种恐惧心理,其实不必这样,大部分优秀的源码写的都挺直观的,很多时候,你在搜索引擎上搜到的一些东西并不一定是对的,但源码肯定造不了假,毕竟不管你怎么想,它就在那里,该是什么意 ...

  3. msp430项目编程30

    msp430中项目---电压检测系统 1.SVS工作原理 2.电路工作原理 3.代码(显示部分) 4.代码(功能实现) 5.项目总结

  4. linux 常见名词及命令（一）

    linux  PK  wondows 稳定且有效率.免费或少许费用.漏洞少且修补快.多任务多用户. 安全的用户及文件权限策略.适合小内核程序的嵌入系统.相对不耗资源. 热门的开源系统 红帽企业系统(R ...

  5. SQL SERVER 2012 第四章 连接 JOIN の OUTER JOIN，完全连接FULL JOIN，交叉连接CROSS JOIN

    SELECT <SELECT LIST> FROM <the table you want to be the "LEFT" table> <LEFT ...

  6. [HDU4607]Park Visit（树上最长链）

    HDU#4607. Park Visit 题目描述 Claire and her little friend, ykwd, are travelling in Shevchenko's Park! T ...

  7. java基础语法4--封装，继承，多态

    学习路线: 未封装==>封装==>继承==>多态==>抽象类 首先还是那句话,万物皆对象,对象有行为和属性. 一:封装 1.封装的概念: 信息隐蔽和对象的属性及操作结合成一个独 ...

  8. 搜索引擎keyword智能提示的一种实现

    问题背景 搜索关键字智能提示是一个搜索应用的标配.主要作用是避免用户输入错误的搜索词,并将用户引导到相应的关键词上,以提升用户搜索体验. 美团CRM系统中存在数以百万计的商家,为了让用户高速查找到目标 ...

  9. Hadoop-08-Hive本地独立式安装

    1.安装mysql sudo apt-get install mysql-server mysql-client 2.使用root账户登录mysql数据库,新建存放hive元数据的数据库.如果叫hiv ...

  10. Windows和linux双系统——改动默认启动顺序

    电脑上装了Windows 7和Ubantu双系统,因为Linux系统用的次数比較少而且还是默认的启动项对此非常不能容忍,因此得改动Windows为默认的启动项. 因为电脑上的系统引导程序是GRUB,因 ...