-
增加亲和力和易访问性:把控制字体大小的决定权交还给用户
现在国内绝大多数的站点都用CSS把字体大小设定为12px,像素虽然也是相对尺寸单位,但只是相对于屏幕的分辨率 ,当屏幕的分辨率一定时,如果你感到字太小,阅读有困难,在非标准浏览器中就无能为力了,所以说,如果把单位改成em,那么就可以用CTRL+鼠标滚动把- 1.2k
- 0
-
CSS基础教程:盒模型(BOX Model)
如果想熟练掌握P和CSS的布局方法,首先要对盒模型有足够的了解。每个HTML元素都可以看作一个装了东西的盒子,盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin),如图1所- 1.1k
- 0
-
CSS如何定义一条水平虚线?
如果定义一条水平的虚线呢? 我们首先需要了解,关于线条的CSS的两个样式: dotted: 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线 dashed: 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线 水平线条,我们可以用hr来实现,- 6.2k
- 0
-
CSS语法手册(六)分类属性
1、display 功能 :改变元素的显示值,可以将元素类型线上,块和清单项目相互变换。 数值 : none - 不显示元素 block - 块显示,在元素前后设置分行符 inline - 删除元素前后的分行符,使其并入其它元素流中 list-item - 将元素设置为清单中的一行 说明 :- 1.3k
- 0
-
div中class与id的区别及应用
class是设置标签的类。 id是设置标签的标识。 class属性用于指定元素属于何种样式的类。 如样式表可以加入: .baobao { color: lime; background: #ff80c0 } 使用方法:class="baobao" id属性用于定义一个元素的独特的样式。 如一个CSS规则: #binbin { font- 1.1k
- 0
-
CSS+DIV实现鼠标经过背景变色
实现鼠标经过背景变色的方法有很多,今天我们介绍的是用CSS+DIV实现的方法。 方法一 以下为引用的内容: #div:hover{background:#000000;} 解释:鼠标经过id为div的元素时背景变色 IE6.0、Firefox2.0、Opera 9.23都不行 方法二 以下为引用的内容: div onmous- 5.9k
- 0
-
CSS应用基础教程(6) 区块性质
本 章 C S S 的 主 要 作 用 本章介绍的是区块性质的CSS指令以及它 们的应用与特性,可以设定与控制区块的位置,大小及边缘宽度等性质。本章也将分成 两个部份为您介绍,第一部份要讲的是区块各部份名称与概念的介绍,对于区块有一点 概念后,第二部份- 1.4k
- 0
-
三种简洁的Tab导航(网页选项卡)
在网页中应用选项卡可以使网页显得更紧凑,结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现(不涉及滑动门和AJAX),附有实例,无图片,兼容性较好,方便大家直接使用。 第一种形式: 通过更换显示样式实现,这- 5.1k
- 0
-
CSS基础教程:CSS的伪元素Pseudo Elements
伪元素吸附在选择上和pseudoclasses伪类很像,像这样selector:pseudoelement{property:value;}。有四种方式。 FirstlettersandFirstlines首字母和首行 first-letter伪元素作用到元素的第一个字母,first-line作用到元素的顶行。你可以,例如为段落创建一个dr- 1.7k
- 0
-
利用CSS改善网站可访问性
我不得不对我的一个客户的旧网站进行更新,使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力,主要是因为我曾经使用的很多编程惯例已经不再适用,特别是从可访问性上来讲。我曾经使用绝对的字体大小,固定的页面宽度和表格来- 1.2k
- 0
-
CSS基础教程:CSS中的定位(position)
使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。 其实,要想控制好层的绝对定位,只要理解CSS中关- 1.3k
- 0
-
Iframe高度自适应代码
Iframe高度自适应IE与FF环境下均可用 看下面的代码: scripttype="text/javascript" functionSetCwinHeight(){ varbobo=document.getElementById("bobo");//iframeid if(document.getElementById){ if(bobo!window.…- 2.9k
- 0
-
如何快速的呈现我们的网页
一、我们需达解决的麻烦 减少HTTP请求数. 减少HTTP请求数有什么好处 降低服务器跟客户端的建立和消除HTTP请求和响应Header的开销 减少服务器为HTTP连接的进程和线程的开销,如果可能,还会包括GZIP压缩的CPU开销. 减小被请求文件大小, 减少请求数据占用的网络- 1.2k
- 0
-
CSS基础教程:Borders 边框
CSSBorders边框 边框可以运用到body里的大部分HTML元素。 制作一个元素的边框,你需要border-style边框样式。值可以是:solid,dotted,dashed,double,groove,ridge,insetandoutset,具体样式大家可以实际下。 border-width设定宽度,通常使用pixels即单位是px- 1.1k
- 0
-
em与px的区别以及em特点和应用
一直也搞不清楚px与em之间的关系和特点,看过95%的中国网站需要重写CSS以后后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。因为 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部- 2.3k
- 0
-
利用CSS改善网站可访问性
最近,我不得不对我的一个客户的旧网站进行更新,使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力,主要是因为我曾经使用的很多编程惯例已经不再适用,特别是从可访问性上来讲。我曾经使用绝对的字体大小,固定的页面宽度和- 1k
- 0
-
CSS常用信息速查手册
文字属性 标识符 作用 属性值 font-family: 定义文字类型,顺序寻找,先找到的为选定值,若都找不到则用默认值 宋体,黑体等 font-style: 定义字体风格。 normal(标准)italic(斜体)oblique(倾斜) font-variant: 改变英文字母的显示 normal,small-caps(小型大- 1.5k
- 0
-
WEB标准布局的Div + CSS 高度自适应解决方法
自适应高度的问题,采用 Div + CSS 进行三列或二列布局时,事先不知道具体高度,只能根据内容的增减自适应高度,要使两列(或三列)的高度相同,用 Table 很容易实现,但采用 Div + CSS 就显得比较麻烦了。按照一般的做法,大都采用背景图填充或 JS 脚本的方- 1.2k
- 0
-
CSS的优先级特性Specificity
如果同个元素有两个或以上冲突的CSS规则,浏览器有一些基本的规则来决定哪一个非常特殊而胜出。 它可能不像其它那么重要,大部分案例你不需要担心冲突,但大型而且复杂的CSS文件,或有很多CSS文件组成的,可能产生冲突。 选择器一样的情况下后面的会覆盖前面- 1.3k
- 0




