CSS基础教程之建立样式表

296351555

296351555

2016-02-19 15:37

今天图老师小编要向大家分享个CSS基础教程之建立样式表教程,过程简单易学,相信聪明的你一定能轻松get!

     样式表的建立要符合CSS规则,它们一般被定义成以下形式的句法:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  HTML标志{标志属性:属性值;标志属性:属性值;标志属性:属性值;标志属性:属性值;...}

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  下面我们分别讲述:
  .HTML标志:在上一节我们已简要地介绍了一下,有点需要注意的是,这些标志不带尖括号,如P,Div、Table等而不是P、Div以及Table。
  .标志属性:属性值,这是一一对应的,每个属性与属性值对之间用分号隔开。有一点要说明的是,在CSS的属性设置与脚本语言中对属性设置有一点不同,即属性名称的写法,在CSS中,凡属性名为两个或两个以上的单词构成时,单词之间以"-"隔开,比如,背景颜色属性background-color, 而在脚本中,对象属性则连写成backgroundColor,第二个单词首字母大写,如有三个单词则第三个单词首字母也要大写,注意,在javascript中,是严格区分大小写的。
  下面看一个具体的例子,比如我们对一个段落建立一个样式表:
   P{background-color:#0000ff;font-size:12pt;color:#ffff00},效果如下

中国建站欢迎你;中国建站欢迎你;中国建站欢迎你;中国建站欢迎你;

上面我们分别设置了背景色,字体大小,以及字体颜色等。
  为了看起来直观一些,上边的例子还可以写成:
  P{background-color:#0000ff;
   font-size:12pt;
   color:#ffff00}

  有一点值得注意的是,有些属性可以表示多个属性的值,如字体设置,有字体字样:font-family、字体大小:font-size、字体风格:font-style,这些可用一个font属性来表示,
  如:H2{font-size:15pt;
      font-family:'宋体';
     font-style:italic }
可直接用 H2{font:15pt 宋体 italic}来表示,类似的情况还有关于背景方面的设置,在以后的章节中我们会一一详细讲解的。

展开更多 50%)
分享

猜你喜欢

CSS基础教程之建立样式表

Web开发
CSS基础教程之建立样式表

CSS基础教程:CSS样式表与具体设备

Web开发
CSS基础教程:CSS样式表与具体设备

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS基础学习:样式表CSS简明教程

Web开发
CSS基础学习:样式表CSS简明教程

关于CSS样式表

Web开发
关于CSS样式表

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS学习之样式表基础知识

Web开发
CSS学习之样式表基础知识

[css]简明教程 CSS样式表概述

Html CSS布局 Div+CSS XHTML
[css]简明教程 CSS样式表概述

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何将MAC系统Safari浏览器所有窗口都变为标签页

如何将MAC系统Safari浏览器所有窗口都变为标签页

Linux运维需要掌握的命令汇总

Linux运维需要掌握的命令汇总
下拉加载更多内容 ↓