-
-
CSS 选择器(Selectors)、属性(Properties)、值(Values)
HTML有标签,CSS有选择器。选择器是给内部和外部样式里面的样式命名。 每个选择器都有属性在{}里面,比如简单点像color,font-weight或background-color。 值在冒号(不是等号)后面,分号分离属性。 body{ font-size:0.8em; color:navy; } 上面的意思是为bod- 1.6k
-
css自动换行的技巧
css自动换行有什么技巧?大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是CSS如何将他们换行的方法! 大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是CSS如何将他们换行的方法! 对于div 1.(- 2.9k
-
利用CSS改善网站可访问性
我不得不对我的一个客户的旧网站进行更新,使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力,主要是因为我曾经使用的很多编程惯例已经不再适用,特别是从可访问性上来讲。我曾经使用绝对的字体大小,固定的页面宽度和表格来- 1.4k
-
CSS基础教程: CSS的属性缩写
一些CSS属性允许使用一串值代替许多属性,值使用空格分开。 margin,pdding和border-width允许合并margin-top-width,margin-right-width,margin-bottom-width等等,形式像这样:property:toprightbottomleft;逆时针顺序。 所以下面的: p{ border-top-width:1- 1.6k
-
CSS定义标题的实例讲解
简单的样式 使用CSS,最容易做的事情就是给我们的标题设置不同的字体样式。我们可以建立一个CSS规则,它将把样式应用到页面中出现的所有h1标签(或者是整个站点,当使用一个外部样式表的时候)。随后,如果我们想要改变整个站点上所有出现h1标签的地方的颜色- 1.8k
-
网站重构:利用CSS改善网站可访问性
最近,我不得不对我的一个客户的旧网站进行更新,使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力,主要是因为我曾经使用的很多编程惯例已经不再适用,特别是从可访问性上来讲。我曾经使用绝对的字体大小,固定的页面宽度和- 1.4k
-
Iframe高度自适应代码
Iframe高度自适应IE与FF环境下均可用 看下面的代码: scripttype="text/javascript" functionSetCwinHeight(){ varbobo=document.getElementById("bobo");//iframeid if(document.getElementById){ if(bobo!window.…- 3.5k
-
巧用CSS自定义网页下划线样式
CSS为网页设计者们提供了丰富而灵活的页面元素表现形式的控制手段。但是,或许你可能注意到了,对于下划线,CSS提供的可选操作却不是很多。一般情况下,人们看到的下划线基本上都是横直线,缺少生气和灵动。不过,路并不是死的,通过一些绝妙的改造,我们还- 1.6k
-
Div+CSS教程:如何闭合浮动元素?
按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为,具体如何处理呢? 有一种做- 2.6k
-
CSS中的!important属性用法
关于CSS的运用技巧有很多, 今天主要探讨一下CSS中 !important 这个属性的用法。在CSS的使用中,遇到最多的问题就是不同浏览器之间的兼容问题。 由于IE并不严格执行W3C标准, 而又几乎垄断了浏览器市- 2.9k
-
CSS基础教程:Borders 边框
CSSBorders边框 边框可以运用到body里的大部分HTML元素。 制作一个元素的边框,你需要border-style边框样式。值可以是:solid,dotted,dashed,double,groove,ridge,insetandoutset,具体样式大家可以实际下。 border-width设定宽度,通常使用pixels即单位是px- 1.5k
-
CSS样式表实现效果很好的分页效果源代码
CSS样式表实现效果很好的分页效果,在学习编程过程中由于文章内容比较多或者列表内容比较多,我们都需要分页!那么你想不想要一种好的分页效果呢?这个是我认为比较容易使用,同时编程方面也挺容易实现的分页,就是以10页为基础,然后上十页和下十页,因为很- 1.4k
-
css的margin缩写方式
html body div style="border: 1px solid red;" div style="border: 1px solid blue; margin: 20px;" margin: 20px;(上、下、左、右各20px。) /div /div div style="border: 1px solid red;" d…- 6.1k
-
CSS实现Table单元格自动换行或不换行
用CSS实现Table单元格数据自动换行或不换行的实现方法: 1、强制换行: style type="text/css" .AutoNewline { word-break: break-all;/*必须*/ } /style table tr td class="AutoNewline"自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行- 2k
-
Div+CSS实例教程:让页脚保持在未满屏页面的底部
DivCSS实例:让页脚保持在未满屏页面的底部 在内容不超过一屏的情况下,当浏览器窗口变小那行页脚文字会跟着向上浮动但还是保持在底部。 当内容多出一屏时,他显示在网页的最下边,而不是窗口的最下边;测试了一下,还可以,在IE6、IE7、FF等都没有问题!窗- 4k
-
CSS如何控制网页(WEB)字体
在开发网络应用时,没有比外观更重要的事情了。所以,如果发现设计人员十分关注字体及字体大小,我不会感到奇怪! 在设计网络应用时,您必须决定如何编辑字体。使用CSS时存在大量选项,每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。- 1.6k
-
div中class与id的区别及应用
class是设置标签的类。 id是设置标签的标识。 class属性用于指定元素属于何种样式的类。 如样式表可以加入: .baobao { color: lime; background: #ff80c0 } 使用方法:class="baobao" id属性用于定义一个元素的独特的样式。 如一个CSS规则: #binbin { font- 1.4k
-
CSS基础教程:CSS的At-Rules@规则
At-rules分装不同的CSS规则,应用在特定场合。 Importing import@规则引用另外的样式。例如,如果你想添加另外样式到现在的样式,可以这样: @importurl(addonstyles.css); 这很像使用link元素连接CSS到HTML,本质上说有一个内容样式像下面: styletype="tex- 2.3k
-
什么是DIV+CSS?
什么是CSS+DIV? CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。 CSS是英语Cascading St- 1.7k
-
CSS教程:可扩展圆角标签
在制作网页的时候,很流行使用标签的方式进行分类显示, 圆角标签 具有样式美观、表现方式形象的优点,一般我们都会将圆角标签的背景制作成一张图片,这样做的不足之处是如果标签文字字数变化(如图1),固定的背景图片不能随之进行扩展。这样我们就需要制作- 2.1k




