css簡(jiǎn)介（css簡(jiǎn)介與發(fā)展史）

大家好！今天讓小編來(lái)大家介紹下關(guān)于css簡(jiǎn)介的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

• 1、CSS 的預(yù)處理程序分別都有哪些優(yōu)缺點(diǎn)

• 2、CSS選擇符有哪些？

• 3、大數(shù)據(jù)培訓(xùn)到底是培訓(xùn)什么

• 4、百度空間的css樣式表怎樣編輯

一、CSS 的預(yù)處理程序分別都有哪些優(yōu)缺點(diǎn)

普遍的三款 CSS 預(yù)處理器框架，分別是 Sass、Less CSS、Stylus。

1. CSS 預(yù)處理器概述：CSS 預(yù)處理器是一種語(yǔ)言用來(lái)為 CSS 增加一些編程的的特性，無(wú)需考慮瀏覽器的兼容性問(wèn)題，例如你可以在 CSS 中使用變量、簡(jiǎn)單的程序邏輯、函數(shù)等等在編程語(yǔ)言中的一些基本技巧，可以讓你的 CSS 更見(jiàn)簡(jiǎn)潔，適應(yīng)性更強(qiáng)，代碼更直觀等諸多好處。

   總結(jié)來(lái)講就是用編程的方法來(lái)寫CSS樣式，而不是手工一行行碼，相當(dāng)于從手工業(yè)時(shí)代進(jìn)化到工業(yè)時(shí)代。

2. 三種CSS 預(yù)處理器（框架）簡(jiǎn)介：

   A、SASS2007年誕生，最早也是最成熟的CSS預(yù)處理器，擁有ruby社區(qū)的支持和compass這一最強(qiáng)大的css框架，目前受LESS影響，已經(jīng)進(jìn)化到了全面兼容CSS的SCSS。

   B、LESS2009年出現(xiàn)，受SASS的影響較大，但又使用CSS的語(yǔ)法，讓大部分開(kāi)發(fā)者和設(shè)計(jì)師更容易上手，在ruby社區(qū)之外支持者遠(yuǎn)超過(guò)SASS，其缺點(diǎn)是比起SASS來(lái)，可編程功能不夠，不過(guò)優(yōu)點(diǎn)是簡(jiǎn)單和兼容CSS，反過(guò)來(lái)也影響了SASS演變到了SCSS的時(shí)代，著名的Twitter Bootstrap就是采用LESS做底層語(yǔ)言的。

   C、Stylus，2010年產(chǎn)生，來(lái)自Node.js社區(qū)，主要用來(lái)給Node項(xiàng)目進(jìn)行CSS預(yù)處理支持，在此社區(qū)之內(nèi)有一定支持者，在廣泛的意義上人氣還完全不如SASS和LESS。

3. Stylus主要優(yōu)點(diǎn)：

   1. 簡(jiǎn)短直觀，縮進(jìn)讓CSS的層次非常直觀。

   2. At 屬性引用可以減少維護(hù)量。

   3. 函數(shù)和Mixin，重用的利器。

4. CSS 預(yù)處理器優(yōu)缺點(diǎn)：

   A、可以把PostCSS和預(yù)處理器(Sass、Stylus或LESS)結(jié)合起來(lái)使用。

   B、部分PostCSS插件配合預(yù)處理器將功能添加到你的工作流中，讓你工作變得更加輕松。如果只使用一個(gè)預(yù)處理器，而不使用這些插件，工作流至少會(huì)變得更加困難。

   C、PostCSS插件和喜歡的預(yù)處理器(Sass、Stylus或LESS)之一結(jié)合在一起使用。

   D、在常規(guī)的預(yù)處理器通過(guò)使用混合宏或函數(shù)特性像程序一樣處理代碼，達(dá)到類似的結(jié)果。不過(guò)不同的是CSS代碼，而其他一切通過(guò)插件去處理，而這個(gè)過(guò)程中不需要調(diào)用函數(shù)，也沒(méi)有混合宏等等。

5. 使用技巧：Sass看起來(lái)在提供的特性上占有優(yōu)勢(shì)，但是LESS能夠讓開(kāi)發(fā)者平滑地從現(xiàn)存CSS文件過(guò)渡到LESS，而不需要像Sass那樣需要將CSS文件轉(zhuǎn)換成Sass格式。

二、CSS選擇符有哪些？

一般包括通配、類型、屬性選擇符。

css選擇符簡(jiǎn)介：

通配選擇符。選定文檔目錄樹(shù)(DOM)中的所有類型的單一對(duì)象。

假如通配選擇符不是單一選擇符中的唯一組成，"*"可以省略。

具體介紹：

1.通配選擇符

語(yǔ)法:

* { sRules }

說(shuō)明:

通配選擇符。選定文檔目錄樹(shù)(DOM)中的所有類型的單一對(duì)象。

假如通配選擇符不是單一選擇符中的唯一組成，"*"可以省略。

示例:

*[lang=fr] { font-size:14px; width:120px; }

*.div { text-decoration:none; }

2.類型選擇符

語(yǔ)法:

E { sRules }

說(shuō)明:

類型選擇符。以文檔語(yǔ)言對(duì)象(Element)類型作為選擇符。

示例:

td { font-size:14px; width:120px; }

a { text-decoration:none; }

3.屬性選擇符

語(yǔ)法:

E [ attr ] { sRules }

E [ attr = value ] { sRules }

E [ attr ~= value ] { sRules }

E [ attr |= value ] { sRules }

三、大數(shù)據(jù)培訓(xùn)到底是培訓(xùn)什么

一、基礎(chǔ)部分：JAVA語(yǔ)言 和 LINUX系統(tǒng)

二、數(shù)據(jù)開(kāi)發(fā):

1、數(shù)據(jù)分析與挖掘

一般工作包括數(shù)據(jù)清洗，執(zhí)行分析和數(shù)據(jù)可視化。學(xué)習(xí)Python、數(shù)據(jù)庫(kù)、網(wǎng)絡(luò)爬蟲、數(shù)據(jù)分析與處理等。

大數(shù)據(jù)培訓(xùn)一般是指大數(shù)據(jù)開(kāi)發(fā)培訓(xùn)。

大數(shù)據(jù)技術(shù)龐大復(fù)雜，基礎(chǔ)的技術(shù)包含數(shù)據(jù)的采集、數(shù)據(jù)預(yù)處理、分布式存儲(chǔ)、數(shù)據(jù)庫(kù)、數(shù)據(jù)倉(cāng)庫(kù)、機(jī)器學(xué)習(xí)、并行計(jì)算、可視化等各種技術(shù)范疇和不同的技術(shù)層面。

2、大數(shù)據(jù)開(kāi)發(fā)

數(shù)據(jù)工du程師建設(shè)和優(yōu)化系統(tǒng)。學(xué)習(xí)hadoop、spark、storm、超zhi大集群調(diào)優(yōu)、機(jī)器學(xué)習(xí)、Docker容器引擎、ElasticSearch、并發(fā)編程等；

課程學(xué)習(xí)一共分為六個(gè)階段：

3

4

5

6

7

四、百度空間的css樣式表怎樣編輯

我的百度空間地址是http://hi.baidu.com/xiaoyu_zone

這個(gè)問(wèn)題不是很白癡，我當(dāng)時(shí)也是一竅不通，其實(shí)搞CSS很簡(jiǎn)單的，就是從網(wǎng)上找一些別人公布的代碼，添加到你的CSS樣表相應(yīng)的位置就行了，我給你回答的內(nèi)容就是里面那么一大片英文的中文備注．不如說(shuō)你要換文章標(biāo)題圖片，你就找到相應(yīng)的代碼，添加到文章標(biāo)題那一向的花括號(hào)里就行了，就是復(fù)制和粘貼的辦法，一個(gè)一個(gè)來(lái)，慢慢的都會(huì)了．你可以去百度空間吧里看看，里面幾乎所有的代碼都用人公布出來(lái)，或者上一些論壇上去，如果你不知道怎么上，就直接在百度主頁(yè)的搜索欄里打上”百度空間代碼”幾個(gè)字，保證有你想要的東西的，呵呵！好了，回答完畢，別忘了給我加分哦！

在學(xué)CSS之前

學(xué)習(xí)CSS之前，首先應(yīng)學(xué)會(huì)寫HTML。如果你對(duì)HTML還一無(wú)所知（像我一樣。。。），請(qǐng)參見(jiàn)HTML教程。

CSS(Cascading Style Sheets)簡(jiǎn)介

當(dāng)初一幫技術(shù)人員想出HTML，主要側(cè)重于定義內(nèi)容，比如<p>表示一個(gè)段落，<h1>表示標(biāo)題，而并沒(méi)有過(guò)多設(shè)計(jì)HTML的排版和界面效果。

隨著Internet的迅猛發(fā)展，HTML被廣泛應(yīng)用，上網(wǎng)的人們當(dāng)然希望網(wǎng)頁(yè)做得漂亮些，因此HTML排版和界面效果的局限性日益暴露出來(lái)。為了解決這個(gè)問(wèn)題，人們也走了不少?gòu)澛?，用了一些不好的方法，比如給HTML增加很多的屬性結(jié)果將代碼變得很臃腫，將文本變成圖片，過(guò)多利用Table來(lái)排版，用空白的圖片表示白色的空間等。直到CSS出現(xiàn)。

CSS可算是網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)突破，它解決了網(wǎng)頁(yè)界面排版的難題?？梢赃@么說(shuō)，HTML的Tag主要是定義網(wǎng)頁(yè)的內(nèi)容(Content)，而CSS決定這些網(wǎng)頁(yè)內(nèi)容如何顯示(Layout)。

CSS的英文是Cascading Style Sheets，中文可以翻譯成串聯(lián)式樣式表。

CSS按其位置可以分成三種：

內(nèi)嵌樣式(Inline Style)

內(nèi)部樣式表(Internal Style Sheet)

外部樣式表(External Style Sheet)

內(nèi)嵌樣式(Inline Style)

Inline Style是寫在Tag里面的。內(nèi)嵌樣式只對(duì)所在的Tag有效。

CODE:[Copy to clipboard]<P style="font-size:20pt; color:red">這個(gè)Style定義<p></p>里面的文字是20pt字體，字體顏色是紅色。</p>

顯示示例

內(nèi)部樣式表(Internal Style Sheet)

內(nèi)部樣式表是寫在HTML的<head></head>里面的。內(nèi)部樣式表只對(duì)所在的網(wǎng)頁(yè)有效。

CODE:[Copy to clipboard]<HTML>

<HEAD>

<STYLE type="text/css">

H1.mylayout {border-width:1; border:solid; text-align:center; color:red}

</STYLE>

</HEAD>

<BODY>

<H1 class="mylayout"> 這個(gè)標(biāo)題使用了Style。</H1>

<H1>這個(gè)標(biāo)題沒(méi)有使用Style。</H1>

</BODY>

</HTML>

顯示示例

內(nèi)部樣式表(Internal Sytle Sheet)要用到Style這個(gè)Tag，寫法如下：

CODE:[Copy to clipboard]<STYLE type="text/css">

......

</STYLE>

外部樣式表(External Style Sheet)

如果很多網(wǎng)頁(yè)需要用到同樣的樣式(Styles)，用什么方法呢？

將樣式(Styles)寫在一個(gè)以.css為后綴的CSS文件里，然后在每個(gè)需要用到這些樣式(Styles)的網(wǎng)頁(yè)里引用這個(gè)CSS文件。

比如可以用文本編輯器(NotePad)建立一個(gè)叫home的文件，文件后綴不要用.txt，改成.css。文件內(nèi)容如下：

CODE:[Copy to clipboard]H1.mylayout {border-width: 1; border: solid; text-align: center;color:red}

然后你建立一個(gè)網(wǎng)頁(yè)，代碼如下：

CODE:[Copy to clipboard]<HTML>

<HEAD>

<link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css">

</HEAD>

<BODY>

<H1 class="mylayout"> 這個(gè)標(biāo)題使用了Style。</H1>

<H1>這個(gè)標(biāo)題沒(méi)有使用Style。</H1>

</BODY>

</HTML>

顯示示例

使用外部(Extenal)樣式表，相對(duì)于內(nèi)嵌(Inline)和內(nèi)部式(Internal)的，有以下優(yōu)點(diǎn)：

樣式代碼可以復(fù)用。一個(gè)外部CSS文件，可以被很多網(wǎng)頁(yè)共用。

便于修改。如果要修改樣式，只需要修改CSS文件，而不需要修改每個(gè)網(wǎng)頁(yè)。

提高網(wǎng)頁(yè)顯示的速度。如果樣式寫在網(wǎng)頁(yè)里，會(huì)降低網(wǎng)頁(yè)顯示的速度，如果網(wǎng)頁(yè)引用一個(gè)CSS文件，這個(gè)CSS文件多半已經(jīng)在緩存區(qū)(其它網(wǎng)頁(yè)早已經(jīng)引用過(guò)它)，網(wǎng)頁(yè)顯示的速度就比較快。

串聯(lián)(Cascading)

CSS第一個(gè)字母，是Cascading，意為串聯(lián)。它是指不同來(lái)源的樣式(Styles)可以合在一起，形成一種樣式。

Cascading的順序是：

瀏覽器缺省(browser default)(優(yōu)先級(jí)最低)

外部樣式表(Extenal Style Sheet)

內(nèi)部樣式表(Internal Style Sheet)

內(nèi)嵌樣式表(Inline Style)(優(yōu)先級(jí)最高)

樣式(Styles)的優(yōu)先級(jí)依次是內(nèi)嵌(inline), 內(nèi)部(internal), 外部(external), 瀏覽器缺省(browser default)。假設(shè)內(nèi)嵌(Inline)樣式中有font-size:30pt, 而內(nèi)部(Internal)樣式中有font-size:12pt，那么內(nèi)嵌(Inline)式樣式就會(huì)覆蓋內(nèi)部(Internal)樣式。

顯示示例

-

基本語(yǔ)法

一個(gè)樣式(Style)的語(yǔ)法由三部分構(gòu)成：Selector(中文叫選擇器有點(diǎn)怪怪的，就用英文吧)，屬性(Property)，屬性值(Value)。

CODE:[Copy to clipboard]selector {property: value}

舉個(gè)例子，下面的代碼p就是selector，color就是屬性，blue就是屬性值。

CODE:[Copy to clipboard]p {color:blue}

HTML中所有的Tag都可以作為selector。

注：如果你想為Style加多個(gè)屬性，在兩個(gè)屬性之間要用分號(hào)加以分隔。下面的Style就包含2個(gè)屬性，一個(gè)是對(duì)齊方式居中，一個(gè)字體顏色為紅，當(dāng)中用分號(hào)分隔開(kāi)。

CODE:[Copy to clipboard]p {text-align:center;color:red}

為了提高Style代碼的可讀性，你也可以分行寫：

CODE:[Copy to clipboard]p

{

text-align: center;

color: black;

font-family: arial

}

組合(Grouping)

你也可以將相同的屬性和屬性值賦予多個(gè)Selector。Selector之間用逗號(hào)分隔。

CODE:[Copy to clipboard]h1,h4,h4,h4,h5,h6

{

color: red

}

上面的例子是將所有正文標(biāo)題(<h1>到<h6>)的字體顏色都變成紅色。

Class Selector

利用Class Selector，你可以用同樣的HTML Tag構(gòu)成不同的樣式。比如說(shuō)，你希望段落<p>有兩種樣式，一種是居中對(duì)齊，一種是居右對(duì)齊。你就可以寫如下樣式：

CODE:[Copy to clipboard]p.right {text-align:right}

p.center {text-align:center}

其中right和center就是兩個(gè)class。然后你就可以引用這兩個(gè)class，示例代碼如下：

CODE:[Copy to clipboard]<p class="center">這一段居中顯示。</p>

<p class="right">這一段是居右顯示。</p>

演示示例演示示例

你也可以不用HTML Tag，直接用.加上Class名稱作為一個(gè)Selector。示例代碼如下：

CODE:[Copy to clipboard].center {text-align: center}

這種通用的Class Selector就沒(méi)有Tag的局限性，可以用于不同的Tag。比如：

CODE:[Copy to clipboard]<h1 class = "center">這個(gè)標(biāo)題居中顯示。</h1>

<p class = "center">這個(gè)段落居中顯示。</p>

演示示例演示示例

Contextual Selector

你可以為嵌入其它Tag的Tag定義樣式，示例代碼如下：

CODE:[Copy to clipboard]p em{color: red}

Em這個(gè)Tag嵌套在P里面。p em就叫做Contextual Selector，定義嵌套于P里的Em的樣式。這個(gè)例子表示，在P里面的用Em這個(gè)Tag標(biāo)記的字體顏色是紅色。

演示示例演示示例

CSS注釋

為了方便你自己或者他人日后更好地理解你的CSS代碼，你可以寫CSS代碼注釋。CSS代碼注釋以/*開(kāi)頭，以*/結(jié)束。

CODE:[Copy to clipboard]/* 段落樣式 */

p

{

text-align: center;

/* 居中顯示 */

color: black;

font-family: arial

}

CSS字體屬性

http://www.blabla.cn/css_tutorials/010_css_font.html

CSS常用文本屬性

http://www.blabla.cn/css_tutorials/015_css_text.html

CSS背景屬性

http://www.blabla.cn/css_tutorials/020_CSS_background.html

CSS邊框?qū)傩?/p>

http://www.blabla.cn/css_tutorials/025_css_border.html

CSS邊距屬性

http://www.blabla.cn/css_tutorials/030_css_margin.html

CSS間隙屬性

http://www.blabla.cn/css_tutorials/035_css_padding.html

CSS盒子模式(Box Model)

http://www.blabla.cn/css_tutoria ... margin_padding.html

CSS列表樣式屬性

http://www.blabla.cn/css_tutorials/045_css_list_style.html

CSS偽類(pseudo-class)

http://www.blabla.cn/css_tutorials/050_pseudo_class.html

CSS代碼示例

http://www.blabla.cn/css_tutorials/100_CSS_examples.html

推薦 布啦布啦 - 網(wǎng)頁(yè)教程與代碼的中文站點(diǎn)

上面的東西都是理論，看是看不會(huì)的， 必須動(dòng)手操作實(shí)踐。

下面是百度給出的空間頁(yè)面CSS說(shuō)明

空間頁(yè)面CSS說(shuō)明

body 整個(gè)空間頁(yè)面{background-color:#FFFFFF}

--------------------------------------------------------------------------------

空間名稱和簡(jiǎn)介區(qū)域

#header 主體部分{height:89px;background:#3399CC}

#header div.lc 左背景圖{background:url(temp1/hdl.jpg) no-repeat}

#header div.rc 右背景圖{background:url(temp1/hdr.jpg) no-repeat top right}

#header div.tit 空間名稱{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑體}

#header div.tit a.titlink 空間名稱鏈接{color:#FFFFFF;text-decoration:none}

#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}

#header div.desc 空間簡(jiǎn)介{top:33px;left:20px;color:#FFFFFF;font-size:13px}

#tabline TAB菜單下方的橫線{top:89px;background-color:#FFFFFF}

#tab TAB菜單主體{top:67px;background:url(temp1/tabbg.gif) repeat-x}

#tab a.on,#tab a.on:link,#tab a.on:visited TAB選中狀態(tài){margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}

#tab span TAB與TAB之間的分割符“|”{color:#FFFFFF;font-size:14px}

#tab a:link TAB未選中狀態(tài){color:#FFFFFF;text-decoration:none;font-size:14px}

#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}

#tab2 設(shè)置TAB菜單主體{background:#DAE9F5}

#tab2 span TAB選中狀態(tài){color:#000000;font-size:12px;font-weight:bold}

#tab2 a TAB未選中狀態(tài){font-size:12px}

#tab2 a:link{color:#0000CC}

#tab2 a:visited{color:#0000CC}

--------------------------------------------------------------------------------

.stage 內(nèi)容區(qū)域（TAB菜單與版權(quán)信息之間的區(qū)域）{background:#F3F1F1}

其它區(qū)域（即訪問(wèn)量等信息）

#comm_info 主體{color:#333333;font-family:Arial;text-align:left}

#comm_info div.line 分界線{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

#comm_info a 鏈接{color:#3399CC}

--------------------------------------------------------------------------------

頁(yè)碼區(qū)域

#page 主體{height:30px;font-size:14px;font-family:Arial;text-align:center}

#page span 當(dāng)前頁(yè)碼（不可點(diǎn)擊）{padding:3px;color:#000000;font-size:14px;font-weight:bold}

#page a.pc 上一頁(yè)和下一頁(yè){color:#3399CC;font-size:14px;font-weight:bold}

#page a.pc:visited{color:#3399CC}

#page a.pi 頁(yè)碼（可點(diǎn)擊）{padding:3px;color:#3399CC;font-size:14px}

#page a.pi:visited{color:#3399CC}

--------------------------------------------------------------------------------

模塊

.mod {margin-bottom:10px}

.modhandle{cursor:move}

.modth 模塊標(biāo)題欄主體{height:24px}

.modhead{padding:4px 4px 0 4px}

.modopt 模塊操作區(qū)（如寫新文章）{padding:4px 4px 0 0}

.modtit 模塊標(biāo)題區(qū)（如文章列表）{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}

.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}

.modact 操作文字鏈接（如文章列表）{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}

.modbox 模塊內(nèi)容區(qū){padding:10px 10px 0 10px;background-color:#FFFFFF}

.modtl 模塊左上角背景{background:url(temp1/ptitl.gif) no-repeat top left;line-height:1px}

.modtc 模塊中上背景{background:url(temp1/ptitc.gif) repeat-x}

.modtr 模塊右上角背景{background:url(temp1/ptitr.gif) no-repeat top right;line-height:1px}

.modbl 模塊左下角背景{background-color:#FFFFFF;line-height:1px}

.modbc 模塊中下背景{background-color:#FFFFFF;line-height:1px}

.modbr 模塊右下角背景{background-color:#FFFFFF;line-height:1px}

--------------------------------------------------------------------------------

文章區(qū)域

#m_blog div.tit 文章標(biāo)題{font-size:14px;font-weight:bold}

#m_blog div.tit a 文章標(biāo)題鏈接{color:#333333;font-size:14px;font-weight:bold}

#m_blog div.tit a:visited{color:#333333}

#m_blog div.date 文章發(fā)表日期{margin:5px 0 8px 0;color:#666666}

#m_blog div.cnt 文章內(nèi)容{color:#333333;line-height:20px;font-size:14px}

#m_blog div.more{margin:14px 0 16px 0}

#m_blog div.more a 閱讀全文鏈接{color:#3399CC;font-size:14px}

#m_blog div.more a:visited{color:#3399CC}

#m_blog div.opt 文章操作區(qū)（如編輯、評(píng)論等）{color:#666666;font-size:12px}

#m_blog div.opt a 文章操作鏈接{color:#3399CC;font-size:12px}

#m_blog div.opt a:visited{color:#3399CC}

#m_blog div.line 分界線{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}

#m_blog div.none 無(wú)文章提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}

--------------------------------------------------------------------------------

個(gè)人檔案區(qū)域

#m_pro a 鏈接{color:#3399CC}

#m_pro a:visited{color:#3399CC}

#m_pro div.image 個(gè)人頭像{text-align:center}

#m_pro div.act 操作區(qū)（如加為好友、發(fā)送消息）{margin-top:10px}

#m_pro div.user 用戶名{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}

#m_pro div.desc 用戶簡(jiǎn)介{color:#333333;font-size:12px}

#m_pro div.line 分界線{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}

#m_pro td{color:#333333;line-height:24px;font-size:14px}

--------------------------------------------------------------------------------

相冊(cè)區(qū)域

#m_album div.image 照片{text-align:center}

#m_album div.page {color:#666666;font-size:12px;text-align:center}

#m_album div.page a{color:#0000CC;font-size:12px}

#m_album div.page a:visited{color:#0000CC}

--------------------------------------------------------------------------------

友情鏈接區(qū)域

#m_links div.item 子項(xiàng){color:#333333;font-size:12px}

#m_links div.item a 名稱（鏈接）{color:#3399CC;font-size:12px;text-decoration:none}

#m_links div.item a:visited{color:#3399CC}

#m_links div.line 分界線{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

文章分類

#m_artclg div.item 子項(xiàng){color:#666666;font-size:12px}

#m_artclg div.item a 分類名稱（鏈接）{color:#3399CC;font-size:12px}

#m_artclg div.item a:visited{color:#3399CC}

#m_artclg div.line 分界線{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

最新評(píng)論區(qū)域

#m_comment div.item 子項(xiàng){color:#333333;font-size:12px}

#m_comment div.item a 發(fā)表人（鏈接）{color:#3399CC;font-size:12px}

#m_comment div.item a:visited{color:#3399CC}

#m_comment div.item a.cnt 評(píng)論摘要（鏈接）{color:#333333;font-size:12px;text-decoration:none}

#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}

#m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline}

#m_comment div.line 分界線{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

相冊(cè)列表

#m_albumlist div.note{color:#333333;font-size:14px}

#m_albumlist div.desc 簡(jiǎn)介{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}

#m_albumlist div.none 無(wú)照片提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}

#m_albumlist div.line 分界線{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}

#m_albumlist div.tit 照片標(biāo)題{margin:6px 0 7px 0;color:#333333;font-size:14px}

#m_albumlist div.tit a 照片標(biāo)題鏈接{color:#3399CC;font-size:14px}

#m_albumlist div.tit a:visited{color:#3399CC}

#m_albumlist span.count 照片數(shù)量{color:#666666;font-size:12px;font-weight:bold}

#m_albumlist span.size 照片尺寸{color:#999999;font-size:12px;font-family:Arial}

#m_albumlist a.act 操作區(qū)鏈接（如編輯、刪除）{color:#3399CC;font-size:12px}

#m_albumlist a.act:visited{color:#3399CC}

#m_albumlist a.page 頁(yè)碼鏈接{color:#0000CC;font-size:14px}

#m_albumlist a.page:visited{color:#0000CC}

#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}

--------------------------------------------------------------------------------

好友列表

#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}

#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}

#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}

#m_friend div.user a 好友名稱（鏈接）{color:#3399CC;font-size:12px}

#m_friend div.user a:visited{color:#3399CC}

#m_friend div.line 分界線{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

設(shè)置訪問(wèn)統(tǒng)計(jì)、模板設(shè)置

#m_setting a 鏈接{color:#3399CC}

#m_setting a:visited{color:#3399CC}

#m_setting 主體{line-height:22px;color:#333333;font-size:14px}

#m_setting img.sel 模板預(yù)覽圖（選中狀態(tài)）{border:4px solid #FFDB7B}

#m_setting img.unsel 模板預(yù)覽圖（未選中狀態(tài)）{border:1px solid #D2D2D2}

#m_setting span.tit 模板標(biāo)題名稱{font-size:14px}

#m_setting span.usr 作者名{color:#666666}

#m_setting div.sel “當(dāng)前模板”文字{padding-top:6px;font-size:14px;font-weight:bold}

#m_setting div.line 分界線{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

系統(tǒng)公告

#m_sysinfo a 鏈接{color:#3399CC}

#m_sysinfo a:visited{color:#3399CC}

#m_sysinfo 主體{line-height:22px;color:#333333;font-size:14px}

#m_sysinfo span.new 最新{color:#FF0000;font-size:10px;font-family:Arial}

#m_sysinfo span.date 發(fā)布時(shí)間{color:#666666;font-size:14px}

--------------------------------------------------------------------------------

基本選項(xiàng)

#m_setbase 主體{color:#333333;font-size:14px}

#m_setbase td{color:#333333;font-size:14px}

#m_setbase div.line 分界線{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

網(wǎng)友評(píng)論

#in_comment 主體{width:710px}

#in_comment div.tit 標(biāo)題{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}

#in_comment div.user 發(fā)表人名{margin-bottom:6px;color:#333333;font-size:12px}

#in_comment div.user a 發(fā)表人名（鏈接）{color:#3399CC;font-size:12px}

#in_comment div.user a:visited{color:#3399CC}

#in_comment div.user span.date 發(fā)表時(shí)間{color:#666666;font-size:12px}

#in_comment div.desc 評(píng)論內(nèi)容{color:#333333;font-size:12px}

#in_comment div.line 分界線{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}

#in_send div.tit 發(fā)表評(píng)論（標(biāo)題）{margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}

以上就是小編對(duì)于css簡(jiǎn)介問(wèn)題和相關(guān)問(wèn)題的解答了，如有疑問(wèn)，可撥打網(wǎng)站上的電話，或添加微信。

推薦閱讀：

csgo選手十大排名

css3中背景漸變（css3背景漸變圖片）

pd.tocsv參數(shù)（pd.to_csv）

頭條必須身份認(rèn)證才有收益嗎

杭州古書市場(chǎng)地址（杭州古書市場(chǎng)地址查詢）