CSS简介

Html 4.0之后推出css,采用div布局。使用css来实现页面的外观。

CSS使用三种方式给页面或页面元素应用样式

  • 类,修饰页面中特定区域

  • 标签,将页面中的XHTML标签重定义

  • 高级

CSS规则

选择符 {属性:值}

  • 选择符:css样式所针对的对象

  • 属性:包括颜色、大小、定位、浮动和位置等

  • 值:属性与值为一组,组之间用(;)隔开

如:



h1 {font-family:"Microsoft sans serif 黑体"}#left-column h3 , .subMenu h3 , .title{padding:5px; height:22px;font-size:16px;background:url(../img/bg-header.gif) no-repeat left top;}


CSS引入方式

  • 内联样式表


    <h1 style="color:#fff;font-size=11px">标题</h1>
  • 内部样式表(不能跨页执行)


  • <head><style type="text/css">body {background:url(images/bg-gif) repeat-y;margin:0px;padding:0px;}#content {float:left;width: 479px;}</style></head>
  • 连接外部样式表(独立文件XX.css)


    <link rel="stylesheet"  type="text/css" href="style.css" />

    接下来将学习css应用的到某个特定元素的方法(选择器),框模型,元素定位与布局,然后CSS这块就学完了。

PS:哈哈,hexo的markdown是支持css的,上面这段红字就是用内置css生成的。。