CSS概述程序员培养之路第四天

彭洋治疗白癜风怎么样 http://m.39.net/news/a_9448678.html

第一节、CSS代码语法

  CSS全称为层叠样式表(CascadingStyleSheets),它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。

  css代码通常存放在style/style标签内

  css样式由选择符和声明组成,而声明又由属性和值组成

  选择符{属性:值}例:p{color:red;}

  选择符:又称选择器,指明网页中要应用样式规则的元素

  声明:在英文大括号{}中的的就是声明,属性和值之间用英文冒号:分隔。当有多条声明时,中间用英文分号;分隔,如:

p{font-size:12px;color:red;}

第二节、CSS放置位置

行内样式

  直接书写在标签的style属性中

  不建议使用

divstyle=width:px;height:px;/div

内联式样式表

  写在style/style标签中

!DOCTYPEhtmlhtmlheadmetacharset=UTF-8title/titlestyle.box{width:px;height:px;background-color:red;}/style  /headbody/body/html

外联样式表

  将一个独立的.css文件引入到HTML文件中,使用link标签写在head标签中。链接是会以网页文件主体装载前装载CSS文件。

  rel=stylesheet定义类型为层叠样式表,一定要写

!DOCTYPEhtmlhtmlheadmetacharset=UTF-8title/titlelinkhref=My.cssrel=stylesheettype=text/css  /headbody/body/html

web

第三节、CSS的继承

  CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。

  不可继承样式:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear

  可以继承的样式:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction、visibility、cursor




转载请注明:http://www.aierlanlan.com/cyrz/5217.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了