webcelement
- 浏览: 37517 次
- 性别:
- 来自: 天津
-
最新评论
文章列表
css行内文本超出指定宽度溢出的处理
- 博客分类：
- WEB
一般文字截断：
.text-overflow{
display:block;/*内联对象需加*/
width:3.1em;
word-break:keep-all;/*不换行*/
white-space:nowrap;/*不换行*/
overflow:hidden;
text-overflow:ellipsis;/*和下面的overflow一起使用*/
overflow:hidden;/*和上面的text-overflow一起使用*/
}
表格文字溢出：
table{
table-la ...
将要在IE6里显示的内容和样式写在<!--[if lte IE 6]>在IE6内显示的内容<![endif]-->中间。
理解绝对定位和相对定位
- 博客分类：
- WEB
概要：本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性（偏移属性）和Margin属性（外边距）对定位块级元素进行布局的方法。(本文的示例，请看这个附件demo。)
说明：占位空间：元素在文档流中所占据的空间。物理空间：元素本身所占据的空间。
下面分3种情况分别对相对定位和绝对定位进行讨论：1.只使用css第一组属性布局定位元素的情况2.只使用css第二组属性布局定位元素的情况3.混合使用第一组和第二组属性的情况
图1为未定位时的初始效果，层级关系为：<div <div box1 ...
Javascript中最常用的55个经典技巧
- 博客分类：
- WEB
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" on ...
<button name="submit" type="submit" value="提交" onmouseover="this.style.cursor='hand'">提交</button>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8 ...
在HSB模式中，H(hues)表示色相，S(saturation)表示饱和度，B（brightness）表示亮度。 HSB模式对应的媒介是人眼。
色相：在0~360°的标准色轮上，色相是按位置度量的。在通常的使用中，色相是由颜色名称标识的，比如红、绿或橙色。黑色和白色无色相。
饱和度：表示色彩的纯度，为0时为灰色。白、黑和其他灰色色彩都没有饱和度的。在最大饱和度时，每一色相具有最纯的色光。
亮度：是色彩的明亮度。为0时即为黑色。最大亮度是色彩最鲜明的状态。
1.在浏览器前加自定义图标
你是不是记得有时在浏览网易网站的首页时，在地址WWW.163.COM前会显示一个“易”字样的小图标。而默认情况下，这个图标是一个IE浏览器的指定图片。
其实这也不是什么高深技术，只不过在网站目录下添加了一个特定文件而已。
这时，我们需要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“<head></head>”之间添加如下代码：
<Link Rel="SHORTCUT ICON" href="http://图片的地址（注意与 ...
(1)网站制作目录规范目录建立的原则：以最少的层次提供最清晰简便的访问结构。a.根目录。根目录指DNS域名服务器指向的索引文件的存放目录。根目录只允许存放index.html和main.html文件，以及其他必须的系统文件；b.每个语言版本存放于独立的目录；c.每个主要功能(主菜单)建立一个相应的独立目录；d.当页面超过20页，每个目录下存放各自独立images目录，共用的图片放在根目录下的images目录下；e.所有的js文件存放在根目录下统一目录script； f.所有的CSS文件存放在各语言版本下的style目录 g.所有的CGI程序存放在根目录并列目录cgi_bin目录
(2)网站建 ...
简洁的DOCTYPE：
HTML5 只有一个简单的文档类型：<!DOCTYPE html>。它不使用版本，因此该文档类型适用所有版本的HTML。
简单易记的语言标签：
你并不需要在<html> 中使用xmlns 或xml:lang标记。<html lang=”en”> 将对HTML5 有效。
简单易记的编码类型：
你现在可以在meta 标签中使用”charset”：<meta charset=”utf-8″ />
不需要闭合标签：
在HTML5 中，空标签（如：br、img 和input ）并不需要闭合标签 ...
1. 常用的CSS命名规则 头：header 内容：content/container Chinaz 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志： ...
图片是插在网页中的：
<!--[if ie 6]>
<script>
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i];
var imgName = img.src.toUpperCase();
if ( ...