www.baike369.com
百科369 > 网页制作 > CSS教程

CSS教程

CSS只带下划线的输入框

CSS只带下划线的输入框

在设计考试页面时,经常会碰到填空题,填空题的输入框要求只有一条下划线。实例下面是一个只带下划线的输入框的例子。源代码如下:显示效果如下:如果要使输入框有边框线,则需要将border样式设置为大于1px...

CSS使用padding-top属性设置文字在按钮底部显示

CSS使用padding-top属性设置文字在按钮底部显示

HTML中的标准按钮,默认文字都显示在按钮的中间,有时候为了界面的布局,需要设置按钮上的文字在按钮上的位置。实例下面是一个设置按钮的文字使其显示在底部的例子。源代码如下:显示效果如下:设置按钮的文字时...

CSS制作平面按钮

CSS制作平面按钮

默认的按钮样式有点儿三维效果,有时为了与页面风格统一,需要将按钮设置为平面效果。实例下面是一个制作平面按钮的例子。源代码如下:平面按钮与普通按钮的对比效果如下图所示:...

CSS使用border属性设置框架中的边框

CSS使用border属性设置框架中的边框

只有在框架集中的框架边框设置为显示的情况下,才能使用border属性设置框架的边框。该属性在框架中的设置方法和设置普通元素的方法相同。实例下面的实例设置了框架窗口的边框属性。源代码如下:上侧的框架窗口...

CSS使用border-style属性设置框架中的边框风格

CSS使用border-style属性设置框架中的边框风格

只有在框架集中的框架边框设置为显示的情况下,才能使用border-style属性设置边框风格。该属性在框架中的设置方法和设置普通元素的方法相同。实例下面通过一个实例来说明使用CSS的border-st...

CSS样式表的书写原则

一般情况下,在书写CSS样式表的时候,需要注意以下原则:1. 如果属性的值是由多个单词组成,则必须使用引号("")将属性值括起来。2. 如果要对一个选择符指定多个属性,则需要使用分号(;)将所有的属性...

(X)HTML各个元素对搜索引擎的权重比例

搜索机器人对于页面内的元素的重视程度各不相同,最普遍的评分标准如下:内部链接文字:10分 <head>内的title元素:10分 域名:7分 <h1>、<h2>标题:5分 每段首句:5分 路径或文件名...

从HTML到XHTML

使用HTML 4.01可以制作出现代的、结构化的、兼容标准的站点。然而为了做到向整洁的语义化的代码转变,并且为XML和未来的其它标记语言做好准备,建议使用XHTML 1.0来制作网页。XHTML是基于...

Web标准概述

Web标准并不是一个强制性的规则,它只是W3C(World Wide Web Consortium,万维网联盟)提出的一个建议性的文档,它是一系列标准的集合。这些标准大部分由W3C起草和发布,也有一些...

CSS的注意事项

在CSS中,空格是有效的,特别是在一些缩写的规则中,各值之间使用空格分开。多个空格会被缩略为1个,因此也可以使用空格来缩写代码,以达到整齐清晰的目的。如下所示:大小写敏感CSS本身对大小写不敏感,但是...

CSS的分组书写规则

利用分组书写规则,可以大大增加CSS的灵活性。例如,要使多个元素拥有相同的样式,或者使不同的样式应用于一个或者一组元素,还有针对浏览器的Bug使用的Hack等。CSS分组选择器如果要对不同的选择器设定...

CSS使用、维护和组织样式表

CSS虽然有多种方式的样式表可以根据需要随意运用,但是在实际应用中,本着表现与内容分离的原则,在这里推荐使用外部样式表。优点如下:独立于(X)HTML文件,便于修改。多个文件可以引用同一个样式表文件,...

CSS命名规范

命名规范并不是一成不变的,除了一部分是程序语言的要求以外,大部分内容只是一个大家约定俗成的规范。CSS命名的基本原则是:在CSS 2.1中,标识符(包括元素名、类和ID)只能包含字符[A-Za-z0-...

CSS轮廓outline属性与焦点

CSS轮廓outline属性与焦点

轮廓一般用于突出元素,因此经常和:focus伪类搭配使用以显示当前焦点所在的元素。实例光标所在的输入框会有红色的轮廓。源代码如下:显示效果如下:本例使用了属性选择器,轮廓将只匹配“type”属性为“t...

CSS <html>元素的背景

CSS <html>元素的背景

在(X)HTML文档中,对于根元素<html>元素来说,其背景覆盖整个渲染区域。如果<html>元素的背景颜色background-color属性设置为“transparent”,并且背景图片back...

12 3 4 5 6 下页 尾页42
Copyright© 2011-2016 www.baike369.com All Rights Reserved