Js腳本之jQuery學習筆記(2)

CSS簡介

Html 4.0以後推出css,採用div佈局。使用css來實現頁面的外觀。css

CSS使用三種方式給頁面或頁面元素應用樣式

  • 類,修飾頁面中特定區域markdown

  • 標籤,將頁面中的XHTML標籤重定義hexo

  • 高級ide

CSS規則

選擇符 {屬性:值}佈局

  • 選擇符:css樣式所針對的對象學習

  • 屬性:包括顏色、大小、定位、浮動和位置等url

  • 值:屬性與值爲一組,組之間用(;)隔開spa

如:
code



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引入方式

  • 內聯樣式表orm


    <h1 style="color:#fff;font-size=11px">標題</h1>
  • 內部樣式表(不能跨頁執行)


  • <head><style type="text/css">body {background:url(p_w_picpaths/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生成的。。

相關文章
相關標籤/搜索