html与CSS - 随笔分类(第2页) - KeenLeung

CSS:table-layout属性

摘要：摘自：http://www.w3school.com.cn/css/pr_tab_table-layout.asp定义和用法tableLayout 属性用来显示表格单元格、行、列的算法规则。固定表格布局：固定表格布局与自动表格布局相比，允许浏览器更快地对表格进行布局。在固定表格布局中，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。通过使用固定表格布局，用户代理在接收到第一行后就可以显示表格。自动表格布局：在自动表格布局中，列的宽度是由列单元格中没有折行的最宽的内容设定的。此算法有时会较慢，这是由于它需要在确定最终的布局之前访问表格中所有的内容。说明该属性指定阅读全文

posted @ 2013-03-08 20:17 KeenLeung 阅读(318) 评论(0) 推荐(0)

CSS:display 属性

摘要：摘自：http://www.w3school.com.cn/css/pr_class_display.asp定义和用法display 属性规定元素应该生成的框的类型。说明这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。注释：CSS2 中有值 compact 和 marker，不过由于缺乏广泛的支持，已经从 CSS2.1 中去除了。默认值：inline继承性：no版本：CSS1JavaScr 阅读全文

posted @ 2013-03-08 20:16 KeenLeung 阅读(252) 评论(0) 推荐(0)

CSS:浏览器兼容性图表

摘要：摘自：http://blog.bingo929.com/css-browser-support.html最近更新日期:2009年8月10日2009年2月24日，Safari 4.0 beta版正式发布，Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作，下面提供了最新版本的CSS选择器浏览器支持情况，其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl的总结。 2009年6月30日，FireFox 3.5发布，类似Safari 3.1及更新的版本 (包括Safari 4 beta)，Opera 9 阅读全文

posted @ 2013-03-08 12:41 KeenLeung 阅读(349) 评论(0) 推荐(0)

html补充

摘要：1.不换行标记:nobr <nobr>...</nobr>2.预格式化标记:pre <pre>...</pre>3.创建email链接 <a href = "mailto:电子邮件地址">链接文字</a>4.创建ftp链接 <a href = "ftp:// ...... ">链接文字</a>5.创建Telnet远程链接 <a href = "telnet://地址">链接文字</a>6.创建下载文件链接 <a 阅读全文

posted @ 2013-03-06 17:17 KeenLeung 阅读(150) 评论(0) 推荐(0)

继续探究HTML与CSS:图像映射

摘要：图像映射：<map id = "MyImage"><area shape = "rect" coords = "0,0,100,100" href = "MyImage_1.gif" alt = "MyImage_1" /><area shape = "cricle" coords = " 阅读全文

posted @ 2012-11-04 20:16 KeenLeung 阅读(3899) 评论(0) 推荐(0)

继续探究HTML与CSS：小结CSS伪类和伪元素（转）

摘要：转自：http://kang00cha.blog.163.com/blog/static/23776567200910207035288/超链接伪类功能：用于向超链接选择器添加效果。继承性：有。语法：选择符 : 伪类名 { 样式 }超链接伪类有4个：:link：未访问的链接。:visited：已访问的链接。:hover：鼠标移动到链接上。:active：选定的链接。注：伪类名字对大小写不敏感，但在定义顺序上有要求。:hover 必须被置于 :link 和 :visited 之后才是有效的，:active 必须被置于 :hover 之后才是有效的。L-V-H-A顺序不能变例：<style 阅读全文

posted @ 2012-11-03 11:49 KeenLeung 阅读(758) 评论(0) 推荐(0)

table的thead/tbody/tfoot/tr/th/td (转)

摘要：摘自：http://www.cnblogs.com/suizhikuo/archive/2012/05/24/2517190.html为了让大表格(table)在下载的时候可以分段的显示,就是说在浏览器解析HTML时，table是作为一个整体解释的，使用tbody可以优化显示。如果表格很长，用tbody分段，可以一部分一部分地显示，不用等整个表格都下载完成。下载一块显示一块，表格巨大时有比较好的效果。tbody包含行的内容下载完优先显示，不必等待表格结束.另外，还需要注意一个地方。表格行本来是从上向下显示的。但是，应用了thead/tbody/tfoot以后，就"从头到脚" 阅读全文

posted @ 2012-09-12 22:52 KeenLeung 阅读(8139) 评论(0) 推荐(2)

HTML补充：引用脚本、特殊符号、标签、元素、多媒体

摘要：1.引用外部脚本： <script language="language" src="URL"></script>如： <script language="javascript" src="1.js"></script>2.输入空格符号： &nbsp 常用特殊符号： < 小于 < < > 大于 > > & &符号 & & " 双引号阅读全文

posted @ 2012-09-08 13:17 KeenLeung 阅读(1606) 评论(0) 推荐(0)

元信息标签<meta>

摘要：1. 设定关键字：提高搜索引擎中被收索到的几率 <meta name="keyword" content="value" />如： <meta name="keyword" content="音乐,摇滚,爵士,mp3" />注意： ①大多数搜索引擎在检索的时候都会限制关键字的数量，有时关键字过多，则该网页在检索中会被忽略 ②关键字之间应该用逗号分隔2.设定描述：用以将网站的主题描述清楚 <meta name="discription" content="v 阅读全文

posted @ 2012-09-08 12:40 KeenLeung 阅读(233) 评论(0) 推荐(0)

CSS:滤镜的使用(图解8)

摘要：注意：CSS滤镜只针对于IE浏览器，其他浏览器的浏览效果可能不同。alpha通道：filter:alpha(opacity=50);View Code 1 <html> 2 <head> 3 <title>alpha滤镜</title> 4 <style> 5 <!-- 6 body{ 7 background:url(bg1.jpg); 8 margin:20px; 9 }10 img{11 border:1px solid #d58000;12 }13 .alpha{14 filter:alpha(opacity=50);1 阅读全文

posted @ 2012-05-17 23:43 KeenLeung 阅读(382) 评论(0) 推荐(0)

HTML与CSS（图解7）：项目列表

摘要：列表符号：使用 list-style-type 属性来控制View Code 1 <html> 2 <head> 3 <title>项目列表</title> 4 <style> 5 15 </style>16 </head>17 < 阅读全文

posted @ 2012-05-16 00:04 KeenLeung 阅读(1644) 评论(0) 推荐(0)

HTML与CSS：设计滚动条（仅仅适用于IE浏览器）

摘要：摘自：http://www.cnblogs.com/xh831213/archive/2008/07/23/1249488.htmlscrollbar属性、样式详解1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条）overflow-x水平方向内容溢出时的设置overflow-y垂直方向内容溢出时的设置以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置滚动条的颜色）scrollbar-arrow-color上下按钮上三角箭头的颜色scrollbar-base-col 阅读全文

posted @ 2012-05-14 17:00 KeenLeung 阅读(6462) 评论(1) 推荐(0)

HTML与CSS（图解6）：超链接

摘要：动态的超链接：<html><head><title>动态超链接</title><style><!--body{ background:url(bg9.gif); /* 页面背景图片 */ margin:0px; padding:0px; cursor:pointer; /*意思就是鼠标指针变成手的形状，和放到链接上面的鼠标指针一样*/}.chara1{ font-size:12px; background-color:#90bcff; /* 导航条的背景颜色 */}.chara1 td{ text-align:center; 阅读全文

posted @ 2012-05-14 00:13 KeenLeung 阅读(3097) 评论(1) 推荐(0)

HTML与CSS（图解5）：表单

摘要：表单元素：<html><head><title>表单</title><style><!--form { border: 1px dotted #AAAAAA; padding: 3px 6px 3px 6px; margin:0px; font:14px Arial;}input { color: #00008B; background-color: #ADD8E6; border: 1px solid #00008B;}select { width: 80px; color: #00008B; background-color 阅读全文

posted @ 2012-05-10 21:36 KeenLeung 阅读(1411) 评论(0) 推荐(0)

HTML与CSS（图解4）：表格

摘要：表格的颜色：<html><head><title>年度收入</title><style><!--body{ background-color:#ebf5ff; /* 页面背景色 */ margin:0px; padding:4px; text-align:center; /* 居中对齐（IE有效） */}.datalist{ color:#0046a6; /* 表格文字颜色 */ background-color:#d2e8ff; /* 表格背景色 */ font-family:Arial; ... 阅读全文

posted @ 2012-05-10 21:02 KeenLeung 阅读(2730) 评论(0) 推荐(1)

HTML与CSS（图解3）：背景

摘要：设置背景颜色：<html><head><title>背景颜色</title><style><!--body{ background-color:#5b8a00; /* 设置页面背景颜色 */ margin:0px; padding:0px; color:#c4f762; /* 设置页面文字颜色 */}p{ font-size:15px; /* 正文文字大小 */ padding-left:10px; padding-top:8px; line-height:... 阅读全文

posted @ 2012-05-10 19:14 KeenLeung 阅读(1104) 评论(0) 推荐(0)

HTML与CSS（图解2）：图片

摘要：图片样式：边框<html><head><title>边框</title><style><!--img.test1{ border-style:dotted; /* 点画线 */ border-color:#FF9900; /* 边框颜色 */ border-width:5px; /* 边框粗细 */}img.test2{ border-style:dashed; /* 虚线 */ border-color:blue; /* 边框颜色 */ border-width:2px; /* 边框粗细 */}-... 阅读全文

posted @ 2012-05-09 20:21 KeenLeung 阅读(1650) 评论(0) 推荐(0)

HTML与CSS（图解1）：标志

摘要：集体选择器选择器的嵌套字母大小写一个类似于GOOGLE的标志：<html><head> <title>Google</title><style> 阅读全文

posted @ 2012-05-08 22:52 KeenLeung 阅读(706) 评论(0) 推荐(0)

CSS :active 伪类

摘要：转自：http://www.w3school.com.cn/css/pr_pseudo_active.asp定义和用法:active 伪类向激活（在鼠标点击与释放之间发生的事件）的元素添加特殊的样式。这个伪类应用于处于激活状态的元素。最常见的例子就是在 HTML 文档中点击一个超链接：在鼠标按钮按下期间，这个链接是激活的。还有其他一些方式来激活元素，另外从理论上讲其他元素也可以被激活，不过 CSS 对此没有定义。说明激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接，它们会在支持 CSS 的浏览器中以不同的方式显示出来：a:link {color: #FF0000} /* 未访问的... 阅读全文

posted @ 2012-05-02 00:11 KeenLeung 阅读(482) 评论(0) 推荐(0)

CSS :focus 伪类

摘要：转自：http://www.w3school.com.cn/css/pr_pseudo_focus.asp定义和用法:focus 伪类在元素获得焦点时向元素添加特殊的样式。注释：IE 浏览器不支持此属性。说明这个伪类应用于有焦点的元素。例如 HTML 中一个有文本输入焦点的输入框，其中出现了文本输入光标；也就是说，在用户开始键入时，文本会输入到这个输入框。其他元素（如超链接）也可以有焦点，不过 CSS 没有定义哪些元素可以有焦点。a:link {color: #FF0000} /* 未访问的链接 */a:focus {color: #00FF00} /* 获得焦点的链接 */注释：伪... 阅读全文

posted @ 2012-05-02 00:04 KeenLeung 阅读(333) 评论(0) 推荐(0)

若岁月轻狂，愿你可以笑看夕阳

随笔分类 - html与CSS

公告