- 博客(52)
- 资源 (2)
- 收藏
- 关注
转载 深入理解CSS溢出overflow
前面的话 当一个元素固定为某个特定大小,但内容在元素中放不下。此时就可以利用overflow属性来控制这种情况 定义overflow溢出 值: visible | hidden | scroll | auto | inherit 初始值: visible 应用于: 块级元素、替换元素、表单元格 继承性: 无 [
2016-06-30 21:21:35 1180
转载 css清除浮动float的三种方法总结
一、抛一块问题砖(display: block)先看现象: 分析HTML代码结构:div class="outer"> div class="div1">1div> div class="div2">2div> div class="div3">3div>div> 分析CSS代码样式:.outer{border: 1px solid
2016-06-30 20:51:05 450
转载 DIV布局之道四:clear:both清除DIV两侧浮动详解
我们要实现图中表格实现的效果,使用DIV+CSS该如何实现呢?众所周知,要实现如上效果,我们写一个两行两列的表格,使得表格第二行两个单元格合并即可实现上图效果,可以使用如下代码实现:XML/HTML Code复制内容到剪贴板table width="303" height="151" border="1" align="center" cellpadding
2016-06-30 20:49:37 6108
转载 内联 块转换
css 所有内联(行内)元素 都可以通过 display: block 转化成 块元素css 所有块元素 都可以通过 display: inline转化成内联(行内)元素一.内联元素转换为块级元素:让内联元素产生浮动或者将它的display属性值设置为block即可。例如:DOCTYPE html>html>head>meta chars
2016-06-30 20:32:48 458
转载 CSS属性中Display与Visibility
visibility属性是隐藏元素但保持元素的浮动位置,而display实际上是设置元素的浮动特征。 visibility属性用来确定元素是显示还是隐藏,这用visibility="visible|hidden"来表示,visible表示显示,hidden表示(仅)隐藏,不可恢复。当visibility被设置为"hidden"的时候,元素虽然被隐藏了,
2016-06-30 20:25:44 396
转载 z-index详解
概念z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 层级关系的比较1. 对于同级元素,默认(或position:static)情况下文档流后面的元素会覆盖前面的。2. 对于同级元素,position不为static且z-index存在的情况下z-index大的元素会覆盖z-index小的元素,即z-
2016-06-30 20:23:45 605
转载 Div span 标签详解
(divsion)简单而言是一个取款容器标记,也就是说之间是一个容器,可以容纳段落,标题,表格,图片,章节,摘要和备注等各种HTML元素。因此,可以把与中的内容视为一个独立的对象,用于CSS的控制。声明时只要对进行相应的控制,其中的各标签元素都会因此而改变。标记和标记一样,作为容器标记而被广泛用于HTML语言中。与区别区别在于,是一个块级(block-level)元素,它包
2016-06-30 19:42:12 7144
转载 list-style
list-style-type -- 定义列表样式取值:disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | up
2016-06-30 19:21:01 745
转载 css属性列表 和 属性值含义
css属性列表属性名称字体属性(Font)font-familyfont-stylefont-variantfont-weightfont-size颜色和背景属性ColorBackground-colorBackground-imageBackground-repeatBackground-attachme
2016-06-30 19:04:45 1140
转载 CSS 边框属性
CSS 边框属性属性描述border简写属性,用于把针对四个边的属性设置在一个声明。border-style用于设置元素所有边框的样式,或者单独地为各边设置边框样式。border-width简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。border-color
2016-06-30 19:00:03 1542
转载 CSS文本属性
文本对齐属性(text-align)这个属性用来设定文本的对齐方式。有以下值:• left (居左,缺省值) • right (居右) • center (居中) • justify (两端对齐)[html] view plain copy html> head> title>文本对齐属性 text-align
2016-06-30 17:57:01 464
转载 CSS背景属性Background详解
body { background: #00FF00 url(bgimage.gif) no-repeat fixed top; }定义和用法background 简写属性在一个声明中设置所有的背景属性。可以设置如下属性:background-colorbackground-positionbackground-sizebackgr
2016-06-30 16:13:45 880
转载 CSS属性之字体(Font)
CSS属性之字体(Font)font:[ [ "| || ]? [ / ]? ] 复合属性,各属性见下文。必须同时包含font-size和font-family,且这两个值顺序不能变,其他关键字的值放到这两个值的前面,顺序可以随意打乱。可以在字号值(font-size)上放一个可选的行高值(line-height)作为字号的某种附属值,后
2016-06-30 15:55:44 390
转载 css中颜色的表示方法
在CSS里颜色的定义有四种方法:一,用颜色的名称;二,以十六进制数;三,以RGB整数设置颜色;四,以RGB百分数设置颜色。下面分别用这四种方法定义颜色,不过要注意的是以RGB整数定义的时候整数的范围是0-255,以百分比定义的时候范围是0%-100%,如果不在这个范围内,将按最接近这个范围的值计算。颜色的定义和背景颜色的设置body{margin-right
2016-06-30 15:50:03 1877 1
转载 CSS属性分类
一、可设置的CSS属性包括:字体属性、文本属性、颜色及背景属性、边框属性、容器属性(边距属性、填充属性)、分类属性、鼠标属性。 二、基础属性字体属性:font-family font-style font-variant font-weight font-size文本属性:word-spacing letter-spacing text-decoration vert
2016-06-30 15:35:12 740
转载 CSS样式定义的优先级顺序总结
CSS样式定义的优先级顺序总结 层叠优先级是:浏览器缺省 其中样式表又有:类选择器 派生选择器以前叫上下文选择器,所以完整的层叠优先级是:浏览器缺省 为了说明该问题,请参见下面的例子说明。[html] view plain copyhtml> head
2016-06-30 11:07:10 29493 3
转载 CSS的选择器
最近在研究jQuery的选择器,大家知道jQuery的选择器和css的选择器非常相似,所以整理一下css选择器;css1-css3提供非常丰富的选择器,但是由于某些选择器被各个浏览器支持的情况不一样,所以很多选择器在实际css开发中很少用到。1.基础的选择器选择器含义示例*通用元素选择器,匹配任何元素
2016-06-30 10:13:23 249
转载 CSS的三种使用方式
一、行间样式表 行间样式表是指将CSS样式编码写在HTML标签中,格式如下我的CSS样式。行间样式表由HTML元素的HTML元素的style支持,只需将CSS代码用分号隔开写在style=""之中。这是最基本的形式,但是它没有实现表现与内容分离且不能灵活的控制多个页面所以我们只是在调试CSS代码的时候使用。二、内部样式表 内部样式表与行间样式表相似都是把CSS代码写在H
2016-06-30 10:08:14 615
转载 HTML DOCTYPE 的重要性
定义和用法 声明必须是 HTML 文档的第一行,位于 标签之前。 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中, 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。DOCTYPE 3种类型
2016-06-30 09:45:49 338
转载 html中radio值的获取、赋值、注册事件示例详解
1,radio分组 只要name一样,就是一组的,即一组中只能选择一个,如下: 复制代码代码如下:group1: radio1 radio2 radio3 group2: radio4 radio5 radio6 效果如下: 2,获取选中的radio节点 使用jquery可以很方便做到,先选择grou
2016-06-29 23:15:09 2786
转载 HTML 5 <input> type 属性
语法value">属性值值描述button定义可点击的按钮(大多与 JavaScript 使用来启动脚本)checkbox定义复选框。color定义拾色器。date定义日期字段(带有 calendar 控件)datetime定义日期字段(带
2016-06-29 23:11:56 411
转载 HTML <form> 标签的 action 属性
实例下面的表单拥有两个输入字段以及一个提交按钮,当提交表单时,表单数据会提交到名为 "form_action.asp" 的页面:action="form_action.asp" method="get"> First name: Last name:
2016-06-29 22:54:04 4257
转载 Iframe 用法的详细讲解
Iframe 用法的详细讲解把iframe解释成“浏览器中的浏览器“很是恰当http://www.163.com>用于设置文本或图形的浮动图文框或容器。BORDER设定围绕图文框的边缘宽度FRAMEBODER设置边框是不否为3维(0=否,1=是)HEIGHT,WIDTH设质边框的宽度和高度SCR
2016-06-29 21:25:54 2337
转载 js控制Iframe 和 iframe与主页的交互,传值 (转载)
HTML框架IFrame下利用JS在主页面和子页面间传值 今天写的程序涉及到JS框架传值的问题,这些是我找到的一些资料 下面主页面和子页面互相传值的DEMO 如果仅仅需要子页面触发主页面的函数 仅需 [ parent.window.你的函数 ] 就可以了 DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].document
2016-06-29 21:11:17 1702
转载 HTML IFRAME 用法小总结
iframe是框架的一种形式,也比较常用到,下面是对其在平时常用到属性的总结Iframe用法,下面是一个常规的列子其中:iframe用于设置文本或图形的浮动图文框或容器。 border设定围绕图文框的边缘宽度 其中还有快读高度的设计scrolling=no 是否有滚动条(YES,NO,AUTO) SRC 指定IFRAME调用的文件或图片(H
2016-06-29 21:07:39 561
转载 HTML网页制作:[12]使用框架结构之frameset
框架--网页设计中常用的技术,用来让一个浏览器同时显示多个超文本。下面,小编将用文字、图像以及具体的代码,教大家如何制作一个使用了frameset的网页。好吧,虽然frameset已经不太流行了,不过会了总是没有坏处的。小编会在该系列经验的后续介绍更多的流行的知识。工具/原料一台电脑TXT或者DW步骤
2016-06-29 21:06:12 1136
转载 HTML网页制作:[12]使用框架结构之frameset
框架--网页设计中常用的技术,用来让一个浏览器同时显示多个超文本。下面,小编将用文字、图像以及具体的代码,教大家如何制作一个使用了frameset的网页。好吧,虽然frameset已经不太流行了,不过会了总是没有坏处的。小编会在该系列经验的后续介绍更多的流行的知识。工具/原料一台电脑TXT或者DW步骤
2016-06-29 21:05:44 876
转载 HTML网页制作:[12]使用框架结构之frameset
框架--网页设计中常用的技术,用来让一个浏览器同时显示多个超文本。下面,小编将用文字、图像以及具体的代码,教大家如何制作一个使用了frameset的网页。好吧,虽然frameset已经不太流行了,不过会了总是没有坏处的。小编会在该系列经验的后续介绍更多的流行的知识。工具/原料一台电脑TXT或者DW步骤
2016-06-29 21:04:31 893
转载 HTML之表格篇——表格的嵌套
表格的嵌套一方面是为使页面(贴子)的外观更为漂亮,利用表格嵌套来编辑出复杂而精美的效果,另一方面是出于布局需要,用一些嵌套方式的表格来做精确的编排,或者二者兼而有之。熟练地掌握表格的嵌套技巧并不是很困难的,只要你思路清晰,对表格的整体嵌套构架做到心中有数,在实际编辑时就不会出乱,发布出来的作品也就不会只是一堆代码。下面将从最简单的表格嵌套开始演示和讲解,不会太难的。两张表格的嵌套:
2016-06-29 20:41:17 12684 1
转载 table合并单元格colspan和rowspan
colspan和rowspan这两个属性用于创建特殊的表格。colspan是“column span(跨列)”的缩写。colspan属性用在td标签中,用来指定单元格横向跨越的列数:在浏览器中将显示如下:单元格1单元格2单元格3单元格4该例通过把colspan设为“3”, 令所在单元格横跨了三列。如果我们将cols
2016-06-29 20:28:07 499
转载 <table> 标签的 rules 属性
rules 属性规定内侧边框的哪个部分是可见的。从实用角度出发,最好不要规定 rules,而是使用 CSS 来添加边框样式。值描述none没有线条。groups位于行组和列组之间的线条。rows显示位于行之间的线条。cols显示位于列之间的线条。all
2016-06-29 20:20:32 3401
转载 HTML <table> 标签的 frame 属性
语法value">属性值值描述void不显示外侧边框。above显示上部的外侧边框。below显示下部的外侧边框。hsides显示上部和下部的外侧边框。vsides显示左边和右边的外侧边框。lhs显示左边的外侧边框。
2016-06-29 20:17:53 966
转载 HTML cellpadding与cellspacing属性
单元格(cell) -- 表格的内容 单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离 名单上图说明了表格的几个属性,其中黑色部分就是单元格(cell),白色的区域是单元格边距(
2016-06-29 11:52:10 1110
转载 Table tr td th表格使用案例
caption 属性返回了表格的 caption 元素。caption 元素定义了表格的标题。注意: 元素定义了一个表格标题。 标签必须紧跟在 标签之后,每个表格仅能规定一个 caption。通常,caption 会位于表格之上居中的位置。function displayResult(){alert(document.getElementById("myTable
2016-06-29 11:31:26 4978
转载 一个自己写的PHP模板引擎
这是一个自己写的编译型的模板引擎(不包括缓存部分)贴上代码。有问题可以随时跟帖。单文件版:JTemplate.class.php 1234567891011121314151617181920
2016-06-25 22:19:22 1072
原创 用js写一个模板引擎
模板引擎在前后端都能用到,但是通过作为前端,我们只需要一些简单的模板引擎。先上代码:html>head> title>模板引擎title>head>body> div id="tpl" type="text/plain"> p>Today: { date }p> a href="/{ user.id|safe }">{ user.
2016-06-25 22:08:19 327
转载 html a name属性
HTML 教程目录第一章第二章第三章第四章第五章第六章第七章第八章第一章本章讲解的内容是 ... ...第二章本章讲解的内容是 ... ...第三章本章讲解的内容是 ... ...第四章本章讲解的内容是 ... ...第五章本章讲解的内容是 ... ...第六章本章讲解的内容是 ... ...第七章本章讲解的内容是 ... ...
2016-06-17 18:41:03 908
转载 如何通过HTML标记或JS代码实现跳转返回页面顶部
本文介绍三款简单的返回页面顶部代码,可以使用简单的HTML锚标记,也可使用JavaScript Scroll函数动态返回,其它的还有悬浮脚本等有点复杂了,本文不再介绍,大家根据自己需要选择其中的一种即可,总之简约最美的,能减少代码就减少代码,能不调用的就别调用,要不是天缘博客的文章都是牛长也不会添加这个功能。一、使用锚标记返回页面顶部使用HTML锚标记最简单,就是看起来有点不好看,
2016-06-17 18:35:19 564
转载 HTML学习笔记之二(回到顶部 与 回到底部)
回到顶部 回到底部回到顶部的俩种方式 一、使用js [javascript] view plain copy $('html, body').animate({ scrollTop: 0 }, 'fast');//带动画 $('html,body').scrollTop(0); //不带动画
2016-06-17 18:34:26 1668
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人