随笔分类 -  HTML 与 CSS

1
各种媒体数据以 base64 编码方式直接嵌入网页中的写法
摘要:png 图片:wav 文件: 或:更多格式:123 application/vnd.lotus-1-2-33gp video/3gppaab application/x-authoware-binaam application/x-authoware-mapaas application/x-authoware-segai application/postscriptaif audio/x-aiffaifc audio/x-aiffaiff audio/x-aiffals audio/X-Alpha5amc application/x-mpegani application/oct... 阅读全文
posted @ 2012-03-14 13:28 万一 阅读(33638) 评论(2) 推荐(3) 编辑
TWebBrowser 与 MSHTML(1): 从 TWebBrowser 获取 DOM 中的 window 对象
摘要:借助 TWebBrowser 可以把软件做的更漂亮、更灵活, 很多软件已经或者早就这样做了. 尽管 HTML DOM 内容繁杂(涉及到 HTML、JavaScript、CSS), 但也都属于 TWebBrowser 的功能范围. 使用 TWebBrowser 时, 如果配合上 MSHTML, 将会有很好的代码提示; 不然也可以, 就是写代码困难. HTML DOM 中的一切都是源于一个叫... 阅读全文
posted @ 2009-03-12 00:20 万一 阅读(8117) 评论(5) 推荐(0) 编辑
相信吗? 这是一张用 CSS 画出来的图片
摘要:有点大, 进入看吧. 阅读全文
posted @ 2009-02-12 22:21 万一 阅读(5770) 评论(4) 推荐(0) 编辑
图解 CSS (11): 理解样式表的逻辑
摘要:样式表可以是外部的、内联的或嵌入的; 链接外部样式文件一般是:<link rel="stylesheet" type="text/css" href="xxx.css" media="all"这要写在 Head 标签内, 其内容不区分大小写, 其中的双引号也可以是单引号、也可省略; 逐个解释一下:link: 是 HTML 的常用标签, 它的作用可不仅仅是链接外部样式, 譬如指定地址栏的图标... 阅读全文
posted @ 2009-02-01 22:04 万一 阅读(5723) 评论(7) 推荐(1) 编辑
图解 CSS (10): 链接、继承、放缩、鼠标指针、其他(待补充...)
摘要:a:link {未访问链接}a:hover {鼠标悬停}a:active {鼠标点下}a:visited {已访问链接}很多属性(不是所有)都可以 inherit(继承), 测试: zoom: normal(默认)、比例值.cursor(鼠标指针样式):defaulthandwaithe... 阅读全文
posted @ 2009-02-01 12:24 万一 阅读(2228) 评论(2) 推荐(0) 编辑
图解 CSS (9): 列表
摘要:list-style-type (指定类型) list-style-image (指定图片) list-style-position (指定位置) list-style (综合设置) marker-offset (不支持) 使用 list-style 可单独或综合设置: 类型、图片、位置, 无顺序; 如果同时设置了图片和类型, 图片会替换类型; ... 阅读全文
posted @ 2009-02-01 09:54 万一 阅读(2356) 评论(0) 推荐(0) 编辑
图解 CSS (8): 浮动、显示、隐藏
摘要:float clear display visibility float: none(不浮动)、left(浮在左边)、right(浮在右边). clear: none(允许浮动)、left(取消左浮动)、right(取消右浮动)、both(取消左右浮动). display: inline(并行)、block(分行)、none(隐藏) display: inline ... 阅读全文
posted @ 2009-01-31 23:11 万一 阅读(3409) 评论(2) 推荐(0) 编辑
图解 CSS (7): 大小、定位、剪切、滚动条
摘要:width height max-width max-height min-width min-height position - top、right 、bottom 、left z-index clip overflow(overflow-x、overflow-y) scrollbar-base-color scrollbar-face-color scrollbar-track-col... 阅读全文
posted @ 2009-01-31 13:34 万一 阅读(2836) 评论(0) 推荐(0) 编辑
图解 CSS (6): text - 文本格式
摘要:line-height word-spacing letter-spacing text-align vertical-align text-indent white-space word-wrap word-break text-transform direction unicode-bidi writing-mode text-decoration text-underline-positi... 阅读全文
posted @ 2009-01-30 18:29 万一 阅读(3535) 评论(0) 推荐(0) 编辑
图解 CSS (5): font - 字体
摘要:font font-family font-size font-weight font-style font-variant 另外 font-size-adjust 和 font-stretch 从 CSS 2.1 已废弃, 就不再学习了. font-family(指定字体): 如果字体名包含空格或其他特殊符号, 应使用引号(双引号或单引号): 可以同时指定多个字体(逗号分割),... 阅读全文
posted @ 2009-01-29 16:58 万一 阅读(3811) 评论(5) 推荐(0) 编辑
图解 CSS (4): background - 背景
摘要:background background-color background-attachment background-image background-position background-position-x background-position-y background-repeat 设置背景色(譬如红色): background-color: red; 或者 backgrou... 阅读全文
posted @ 2009-01-28 17:38 万一 阅读(4168) 评论(5) 推荐(0) 编辑
图解 CSS (3): padding(内边距)、margin(外边距)
摘要:padding padding-top padding-right padding-bottom padding-left margin margin-top margin-right margin-bottom margin-left padding: 上、右、下、左; {从上按顺时针转的} 可用 padding-top、padding-bottom、padding-le... 阅读全文
posted @ 2009-01-28 15:52 万一 阅读(14350) 评论(0) 推荐(1) 编辑
图解 CSS (2): border - 边框
摘要:样式表可以是外部的、内联的、嵌入的、链接的, 譬如下面的内联样式将作用于所有 ID=Test 的标签: border border-width border-style border-color border-top border-top-width border-top-style border-top-color border-bottom border-bottom-width ... 阅读全文
posted @ 2009-01-28 12:55 万一 阅读(4493) 评论(1) 推荐(0) 编辑
图解 CSS (1): 先做一个样式表测试工具
摘要:一直没有把样式表系统一下, 春节假期有空, 不能再等了. 为了方便学习, 先写了一个样式表测试工具: CssTest(点击下载) 工具非常简单, 写了 10 行左右的代码; 运行效果图: 代码文件: unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Contr... 阅读全文
posted @ 2009-01-28 10:20 万一 阅读(3762) 评论(5) 推荐(0) 编辑
HTML5 将要移除的元素与属性
摘要:元素表:http://demo.yanue.net/HTML5element/移除的元素 纯表现的元素:basefont,big,center,font, s,strike,tt,u; 对可用性产生负面影响的元素:frame,frameset,noframes; 产生混淆的元素:acronym... 阅读全文
posted @ 2007-12-12 11:06 万一 阅读(3884) 评论(1) 推荐(0) 编辑
上标、下标和引用
摘要:上标:… 下标:… 引用: 阅读全文
posted @ 2007-12-04 13:19 万一 阅读(3821) 评论(1) 推荐(0) 编辑
刷新网页
摘要:location.reload(); 或者 document.location.reload(); 阅读全文
posted @ 2007-11-28 16:47 万一 阅读(2441) 评论(0) 推荐(0) 编辑
标记汉语拼音
摘要:这是万一的博客Zhe Shi Wan Yi De Bo Ke//代码(只在IE下有效):这是万一的博客Zhe Shi Wan Yi De Bo Ke 阅读全文
posted @ 2007-11-27 16:27 万一 阅读(2364) 评论(0) 推荐(0) 编辑
常用的表格效果
摘要:1 2 3 4 5 6 //代码如下: 1 2 3 4 5 6 //也可以用样式表控制: #table1{ background-color:#000000;//表格整体背景黑色,也就是缝隙间的颜色 width:500px; ... 阅读全文
posted @ 2007-11-27 16:21 万一 阅读(3107) 评论(1) 推荐(0) 编辑
SHTML 文件显示当前时间
摘要: 阅读全文
posted @ 2007-11-27 16:09 万一 阅读(2708) 评论(1) 推荐(0) 编辑

1