CSS基础教程之建立样式表

2016-02-19 15:37 0 1 收藏

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

【 tulaoshi.com - Web开发 】

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

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

(本文来源于图老师网站,更多请访问https://www.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}

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

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

来源:https://www.tulaoshi.com/n/20160219/1610032.html

延伸阅读
标签: Web开发
不同浏览器对于相同元素的默认样式并不一致,这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}; 不过现在说的可不只是这些。基本上,不同内核的两个浏览器在某些元素的表现都会存在差异,比如缩进的大小、字体选择、字符样式等。也许一个很漂亮的CSS样式表在一个浏览器上表现良好,在另外一个浏览器上即使是没有CSS Bug的情况也会...
标签: Web开发
总结了一下自己工作中使用到的注释书写规范,没有什么技术含量,只是用于统一制作方式,方便维护。包含了区域注释、单行注释、注释层级和协助注释四个部分。 如果大家有其它的建议,欢迎留言。 大部分同学使用的区域注释的方法,会以注释内容开始或注释内容结束、start或end等,相比之下,以S或E开始可以更快的使用,比如只要写一次开始或...
标签: Web开发
一、 去除超级链接的下划线以及在超级链接上实现鼠标悬停变色: 在默认情况下,用DreamWeaver设计的网页中的超级链接都有下划线,看上去不大美观。要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码,其实在DreamWeave中很容易去除链接的下划线。首先在DreamWeaver的Document Windows中随便建立一个链接...
标签: Web开发
  1、在一个网页中同时调用CSS的多种引入方式     在HTML中引入CSS的方式很多,例如直接插入式,使用 链接外部样式表,使用CSS"@import"导入样式表以及在内部元素中使用"STYLE"标记来定义样式表等。有网友询问,这些引入方式能不能同时在一个网页中被调用,它们之间会不会产生混乱?其实,我们大可不必这么担心,这就...
标签: Web开发
定义LI前面的小点样式  view plaincopy to clipboardprint? 语法:   list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha...

经验教程

277

收藏

60
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部