CSS 循序渐进三样式“表”秀

不知道大家看完前面两篇以后是否对用style已经有了一点心得，其实前文所说的不过是样式表最基本的运用。笔者这里想问一问，读者们有没有感觉到html中所规定的那些标准形式的表格（table）和表单（form）样子过于呆板，而风格又时常与自己网页格格不入呢?而且，对于一个大信息量和交互式的网页而言，表格和表单是需要大量运用并且占有很重要的位置的。现在如果笔者告诉大家用样式表定制自己个人风格的表单和表格的话，您是否会兴奋得跳起来呢?其实，如果恰当的运用style，甚至可以做出比作图更好的效果来。
　　先给大家说说关于定制表格的一些细节。在第一章里的那个例子里，大家应该看到了许多运用定制表格的地方。应该说定制表格并不复杂，主要的也就是对背景（background）和边框（border）进行定义。用的也不过是这两方面的属性。
块参数（Block-Level Formatting Properties）
参数
含义
举例
Left-margin,right-margin

时间： 2024-09-16 05:28:02

CSS 循序渐进三样式“表”秀的相关文章

CSS 循序渐进（三）样式“表”秀

css 不知道大家看完前面两篇以后是否对用style已经有了一点心得,其实前文所说的不过是样式表最基本的运用.笔者这里想问一问,读者们有没有感觉到html中所规定的那些标准形式的表格(table)和表单(form)样子过于呆板,而风格又时常与自己网页格格不入呢?而且,对于一个大信息量和交互式的网页而言,表格和表单是需要大量运用并且占有很重要的位置的.现在如果笔者告诉大家用样式表定制自己个人风格的表单和表格的话,您是否会兴奋得跳起来呢?其实,如果恰当的运用style,甚至可以做出比作图更好的效果来

CSS学习之样式表基础知识

css|样式表 什么是样式表  CSS是Cascading Style Sheet 的缩写.译作「层叠样式表单」.是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言.  如何将样式表加入您的网页  你可以用以下三种方式将样式表加入您的网页.而最接近目标的样式定义优先权越高.高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义. 链入外部样式表文件 (Linking to a Style Sheet) 你可以先建立外部样式表文件(.css),然后使用HTML的link对

[css]简明教程 样式表中的类

css|教程|样式表 类 为了对网页格式的定义更为精确,有必要让相同的选择符也能分类,并能按照不同的类别来进行不同的样式设计.基本格式如下: 选择符.类别名 {属性:值} 类别名将可以在HTML的标识符里引用: <标识符 class=类别名>网页内容标识符> 实例: <html> <head> <title>CSS例子</title> <style type="text/css"> <!-- p.Eng

[css] 简明教程 样式表的编辑和浏览

css|教程|样式表 CSS样式表编辑器 CSS是HTML语言的扩展,也是一种标记性语言,所以凡是可以用来编写HTML的编辑器都可以用来编写CSS. 不带格式的文本编辑器都支持对CSS的编辑,如:Windows自带的写字板和记事本,以及DOS下的EDIT.使用文本编辑器编写和修改CSS文档很方便.快捷,但前提是要记住所有的CSS标识,如果编写中出现语法错误,文本编辑器将不会提示.由此看来,文本编辑器比较适合编写小型的CSS文档或对CSS文档进行局部的修改.另外需要提醒注意的是,用文本编辑器编写的

[css]简明教程 样式表的书写格式

css|教程|样式表 一般来说,样式表的声明分为选择符(selector)和块{}(block),块里包含属性(properties)和属性的取值(value),基本格式如下: 选择符 {属性:值} 其它格式1: 选择符1,选择符2,选择符3 {属性1:值1:属性2:值2:属性3:值3} 有时候多个选择符将使用相同的设置,为了简化代码,我们可以一次性为它们设置样式,并在多个选择符之间加上","来分隔它们. 当有多个属性的时候,必须在两个属性之间用":"来分隔. 其它

GridView CSS的完整样式表

  .GridViewStyle   {         border-right: 2px solid white;       border-bottom: 2px solid white;       border-left: 2px solid white;       border-top: 2px solid white;       padding: 18px;       width:500px;       font-size:15px;  }   .GridViewHeade

串接样式表(CSS)来显示XML文件

css|xml|显示|样式表     在本章中,你将学习显示XML 文件于Microsoft Internet Explorer 5 中的第一种方法:串接样式表(CSS).串接样式表是一个包含安排XML 文件中元素相关指令的档案.因为你已经利用XML创造了自己的元素,浏览器并不知道如何适当地显示这些元素.建立串接样式表并将它链接到XML 文件中便是一种告诉浏览器如何显示文件中每个元素的方法.附加串接样式表的XML 文件可以直接在Internet Explorer 5 中被开启.你不需要使用HTM

手写样式表：CSS语法全攻略(1)

css|攻略|样式表|语法 放弃可视化编辑器写CSS 如果有看上篇的例子的CSS时,你可能会问,我在DW中要怎样做才能有像下面这样的CSS呢? .test1,.test2 {color:Purple !important;color:blue;} 手写,在DW也有代码区,而且是有智能提示的,等于半手动写,本人一直用TopStyle,除了对中文的支持不是很好外,各方面都不错.在学C#的那段时间,发现VS.NET写CSS也很不错,就是有点大. 为什么不能用可视化编辑器写CSS呢?理由很简单,手写CS

技巧：同一网页实现多种CSS 样式表切换

css|技巧|网页|样式表 样式与数据分离所带来的不只是符合标准这样的简单,样式既然与数据分离那么样式的切换则变得理所当然的了!但是网上这样的中文教程实在是太少了!所以我收集了一部分中外网站已经实现的技术资料整理出来供网友参考. 首先要具备不同内容的CSS文件(最好每个文件代表一种样式,或是代表需要作出变动的部分).这里以三个为例: 第一个是背景为红色的CSS文件(red.css)CSS中的内容为:body {background-color:red;} 第二个是背景为绿色的CSS文件(gree