【188】HTML + CSS + JS 学习网站
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 在线测试工具
----------
----------
----------
----------
【188】HTML + CSS + JS 学习网站的更多相关文章
- #2使用html+css+js制作网站教程 测试
#2使用html+css+js制作网站教程 测试 本系列链接 1 测试 1.1 运行 1.2 审查 1.3 审查技巧 1.4 其他 引言: 编写完代码后就要上机测试代码,获得用户体验,筛选bug 笔者 ...
- #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 文 ...
- HTML+CSS+JS学习总结
HTML: 什么是 HTML? HTML 是用来描述网页的一种语言. HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记 ...
- css系统学习网站
最近系统学习一下css样式,找到一个不错的网站.http://css.doyoe.com/
- 【CSS/JS学习】如何实现单行／多行文本溢出的省略（...）--老司机绕过坑道的正确姿势
引言: 写前端UI的朋友们也许都遇到过这样的问题:我们需要实现这样一个需求,在一个父级元素中隐藏一个可能过长的文本: 这个文本可能是单行的: 也可能是多行的: 下面我就给大家展示如何简单或 ...
- 分享几个有意思的css js工具网站
一.VOCABS(css html术语) vocabs 适合初学者快速认知各个代码的术语. 二.OverAPI(语言参考手册,几乎包含所有语言) OverAPI 适合快速查阅相关语言api 三.Jav ...
- html/css/js 学习笔记 - 牛客网试卷:前端工程师能力评估
display属性 : block : CSS1 块对象的默认值.将对象强制作为块对象呈递,为对象之后添加新行 可以定义高度和宽度 none : CSS1 隐藏对象.与 visibility 属性 ...
- js 学习网站
1. Mozilla Developer Network(MDN) 这里你可以找到官方的完整的javascript参考,还有许多有用的指导,教程以及文章,从基本javascript使用到最佳实践以及 ...
- 脚本之家 前端jQuery js 学习 网站
http://www.jb51.net/books/ http:// www.3wschool.com/
随机推荐
- Can you answer these queries（spoj 1043）
题意:多次查询区间最长连续字段和 /* 用线段树维护区间最长子段和,最长左子段和,最长右子段和. */ #include<cstdio> #include<iostream> ...
- CodeForces - 743B Chloe and the sequence
暴力肯定是无法做的 当时做的时候 当成一道递推来做的 用到分治的思想 想象一串长度为2n+1的列 那么前n个为前一串数 后n个是前一串数的reverse 第n+1个数 为第几串的编号 例如 第几串 中 ...
- Codeforces917D. Stranger Trees
$n \leq 100$的完全图,对每个$0 \leq K \leq n-1$问生成树中与给定的一棵树有$K$条公共边的有多少个,答案$mod \ \ 1e9+7$. 对这种“在整体中求具有某些特性的 ...
- msp430项目编程22
msp430中项目---充电控制系统 1.定时器工作原理 2.电路原理说明 3.代码(显示部分) 4.代码(功能实现) 5.项目总结 msp430项目编程 msp430入门学习
- UINavigationController 小记
1.以栈的形式管理视图控制器,push 和 pop 方法来弹入和弹出控制器,最多只能显示一个视图控制器. 2.使用pop方法可以移除栈顶控制器,当一个控制器被pop后,控制器内存会被释放了. 3.一层 ...
- 胜利大逃亡--hdu --1253(bfs)
Problem Description Ignatius被魔王抓走了,有一天魔王出差去了,这可是Ignatius逃亡的好机会. 魔王住在一个城堡里,城堡是一个A*B*C的立方体,可以被表示成A个B*C ...
- [Bzoj2286][Sdoi2011]消耗战（虚树模板题附讲解）
2286: [Sdoi2011]消耗战 Time Limit: 20 Sec Memory Limit: 512 MBSubmit: 4896 Solved: 1824[Submit][Statu ...
- httpclient请求去掉返回结果string中的多余转义字符
public String doGet() { String uriAPI = "http://XXXXX?str=I+am+get+String"; String result= ...
- Meteor模板
Meteor模板使用三个顶级标签.前两个是 head 和 body 标签.这些标签和在普通的HTML中做的工作一样.第三个标签 template.这是我们将HTML连接到JavaScript的地方. ...
- Mysql不同存储引擎的表转换方法
Mysql不同存储引擎的表转换方法 1.Alter table直接修改表的存储引擎,但是这样会导致大量的系统开销,Mysql为此要执行一个就表向新表的逐行复制.在此期间,转换操作可能会占用服务器的所有 ...