PCclub社区:用户 密码 注册 太平洋汽车网 太平洋游戏网 太平洋女性网 PC购物网
太平洋电脑网
太平洋社区 产品论坛 软件论坛
咖 啡 馆 游戏论坛
首  页
产品库
今日报价 产业资讯
数据调研 数码世界
软件 下载 摄影  
游戏 二手 视频 评测室 
商城
通信
渠道商情 方案应用 招聘培训
网络设备 服 务 器 办公设备
CPU/内存显示器主板显卡
键鼠外设打印机存储音频
diy
DIY硬件
手机
手 机
笔记本
笔记本
台式机
台式机
数码相机
数码相机
随身听
MP3/MP4
摄像机
摄像机
数字家庭
数字家庭
精品廊
精品廊
北京 上海 广州 深圳 香港 广西 重庆 山东 江苏 辽宁 福建 成都 西安 台湾
 
 
   
首页 | 新闻 | 应用 | 评测 | 教你学电脑 | 信息安全 | 创意设计 | 开发特区 | 软件下载 | 专题 | 社区
 
 特色专区:QQ大本营 | Vista专区 | msn总动员 | 组网专栏 | 设计素材 | Flash剧场 | Photoshop | 视频专栏 | 热门软件
 
您现在的位置: 软件资讯 > 创意设计 > 网站设计 > HTML

实例学习CSS网页技术的基本语法

作者:佚名 责任编辑:chenzhenjia

 

  1. 基本语法

  CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。
  基本格式如下:

selector {property: value}

(选择符 {属性:值})

  选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开:

body {color: black}

  选择符body是指页面主体部分,color是控制文字颜色的属性,black是颜色的值,此例的效果是使页面中的文字为黑色。

  如果属性的值是多个单词组成,必须在值上加引号,比如字体的名称经常是几个单词的组合:

p {font-family: "sans serif"}

  (定义段落字体为sans serif)


  如果需要对一个选择符指定多个属性时,我们使用分号将所有的属性和值分开:

p {text-align: center; color: red}

  (段落居中排列;并且段落中的文字为红色)


  为了使你定义的样式表方便阅读,你可以采用分行的书写格式: 

  p
  {
  text-align: center;
  color: black; 
  font-family: arial
  }

  (段落排列居中,段落中文字为黑色,字体是arial)

  2. 选择符组

  你可以把相同属性和值的选择符组合起来书写,用逗号将选择符分开,这样可以减少样式重复定义:

  h1, h2, h3, h4, h5, h6 { color: green }

  (这个组里包括所有的标题元素,每个标题元素的文字都为绿色)

  p, table{ font-size: 9pt }

  (段落和表格里的文字尺寸为9号字)

  效果完全等效于:

  p { font-size: 9pt }
  table { font-size: 9pt } 

文 章 导 航 条
实例学习CSS网页技术的基本语法(1)
实例学习CSS网页技术的基本语法(2)
实例学习CSS网页技术的基本语法(3)

[1] [2] [3] [下一页]
  下一篇:根据分辨率不同调用不同的css文件  
更多相关搜索: CSS    网页技术    基本语法   

  发给好友 我要报错 投稿给我们 加入收藏 返回顶部  
相关文章  
·网站重构:利用CSS改善网站可访问性 [2007-04-24]
·怎样管理好样式CSS? [2007-04-23]
·符合Web标准!CSS同比例缩小图片 [2007-04-18]
·1994-2007!微软主页演变欣赏 [2007-04-13]
·经典!CSS的十八般技巧 [2007-04-12]
·CSS的倡导者:学习CSS的10大理由 [2007-04-09]
·网站程序员如何应对web标准 [2007-04-09]
·详解css定位与定位应用 [2007-04-05]

关于我们 | 网站地图 | 广告服务 | 联系我们 | 招聘精英 | 网站律师 | 合作联系 | 友情链接
太平洋专业网站群:  太平洋电脑网  ┊  太平洋汽车网  ┊  太平洋游戏网  ┊  太平洋女性网

广东省通信管理局
ICP证粤B2-20040647
互联网清理整顿
技术支持与报障:support@pconline.com.cn
        020-87568837         
对本站有任何建议、意见或投诉,请点这里在线提交.
本网站简体、繁体两种版本,以简体版为准
PConline版权所有,未经授权禁止转载、摘编、复制或建立镜像.如有违反,追究法律责任