當前位置:成語大全網 - 漢語詞典 - CSS有哪些風格?

CSS有哪些風格?

什麽是CSS樣式?

CascadingStyleSheet (CSS)是壹組樣式或格式規範,是壹種用於控制網頁樣式並允許樣式與網頁內容分離的標記語言。W3C用它來改善HTML在顯示網頁方面的缺陷。雖然HTML在發布的時候就制定了各種網頁樣式標簽和各種頁面裝飾屬性,但是隨著網頁中包含的信息越來越多,這種將信息顯示內容和信息顯示樣式混合的方法已經不能滿足人們對網絡信息快速搜索的需求,更不用說大數據時代對顯示數據的要求了。

CSS的每壹個樣式表都是由相應的樣式規則組成的,在HTML中使用標簽可以將樣式表規則添加到HTML中。標簽位於HTML的頭部,也包含了網頁的樣式規劃,如圖1。CSS語句可以嵌入HTML,所以寫CSS樣式規則和寫HTML是壹樣的。CSS語言不需要編譯或特殊處理。用戶只需要把它們放在標簽之間或者寫成壹個單獨的文件,然後把文件擴展名保存為。css,用標簽鏈接或者導入到網頁中。

CSS樣式的優勢

CSS樣式可以用來控制多個文檔的樣式。當CSS樣式更新時,所有應用CSS樣式的頁面都將自動更新。CSS樣式具有頁面元素定位、特效、超鏈接效果等獨特的HTML屬性,可以充分彌補HTML的不足,簡化網頁源代碼,避免重復勞動,減少工作量。CSS具有以下優勢:

CSS符合Web標準。W3C建議CSS技術將取代HTML。

表標簽,標簽,標簽和其他用於表示的HTLM元素。提高頁面的瀏覽速度。與傳統的網頁設計方法相比,使用CSS樣式可以節省至少50%的文件大小。

縮短網站改版周期。只需要修改相應的CSS文件,就可以重新設計壹個有上百個頁面的網站。

較強的字體控制和排版能力。字體標簽在字體控制方面的功能遠不如CSS,所以使用CSS樣式後,沒有必要再使用字體標簽來控制文章標題、字體顏色和字體樣式。

CSS很好寫。Dreamweaver提供了CSS寫作輔助工具。

CSS有很好的兼容性。只要瀏覽器能識別CSS樣式,就能很好的應用。

表達和內容的分離。把設計部分剝離出來,放到壹個獨立的樣式文件中,這樣多個網頁就可以壹起使用,省去了在每個網頁文件中重復設置樣式的麻煩。

CSS樣式的基本語法

CSS的語法結構由三部分組成:選擇器、屬性和值。

選擇器{Style屬性:值;樣式屬性:值;樣式屬性:值;.....選擇器通常是指用戶想要定義的HTML元素或者標簽,比如body,h 1;它也可以是用戶定義的id或類標簽。例如,#main選擇器表示壹個選擇,即壹個id為main的對象。瀏覽器會嚴格解析CSS選擇器,每組樣式都會被瀏覽器應用到對應的對象上。

屬性是用戶想要更改的屬性,每個屬性都有壹個值。對於HTML中的每個標簽,CSS都提供了豐富的樣式屬性,比如顏色、大小、位置和浮動模式。

值是指屬性的值。屬性和值用冒號分隔,並用花括號括起來,這樣就形成了壹個完整的樣式聲明。屬性值有兩種形式:壹種是指定範圍的值,比如float屬性的值有left、right和none;另壹種是數值,比如height屬性的值是0~9999px或者由其他數學單位指定。

例如,如果您定義了壹個字體大小為12像素的網頁,它是粗體的,段落的第壹行縮進2個字符,您可以按如下方式設定樣式:

無標題文檔級聯樣式表是壹種用於表示文件樣式的計算機語言,例如HTML(標準通用標記語言的應用)或XML(標準通用標記語言的子集)。

目前CSS的最新版本是CSS3,這是壹種能夠真正實現網頁呈現與內容分離的樣式設計語言。與傳統的HTML呈現方式相比,CSS可以在像素級精確控制網頁中對象的位置和排版,支持幾乎所有的字體樣式,具有編輯網頁對象和模型樣式的能力,可以進行初步的交互設計。是目前最好的基於文本呈現的呈現設計語言。CSS可以根據不同用戶的理解能力來簡化或優化書寫,對於各類人群來說都很容易閱讀。

瀏覽器通過解析屬性中包含的內容將CSS樣式應用於頁面,如圖2所示。多種風格可以並排寫,不用考慮怎麽分開。例如,如果將段落文本的背景色定義為紫色,則可以基於上述樣式添加樣式:Body { font-size:12px;字體粗細:粗體;文本縮進:2em} p { background color:# ff 00 ff;}因為CSS語言會自動忽略空格(選擇器內部的空格除外),所以可以通過使用空格和換行符來美化CSS樣式源代碼。以上代碼可以美化如下:Body { font-size:12px;字體粗細:粗體;文本縮進:2em} p {背景色:# ff 00 ff;美化後的CSS源代碼看起來壹目了然,便於閱讀和修改。CSS源代碼有時候需要用壹些註釋來標註,CSS代碼是什麽意思?在HTML中使用" ",在CSS中使用"/*註釋內容*/"。比如可以對上面的代碼進行註釋:Body的基本屬性{/* page */font-size:12px;字體粗細:粗體;文本縮進:2em}/*將段落的背景色設置為紫色*/p { background-color:# ff 00 ff;在HTML中添加CSS主要有四種方式,即鏈接嵌入樣式、內部樣式表、鏈接外部樣式表和導入外部樣式表。1.嵌入式樣式表嵌入式樣式表混合在HTML標簽中。這個方法可以很容易地為壹個元素單獨定義壹個樣式,主要是在主體中。嵌入式樣式表的使用是直接給HTML標簽添加樣式參數,樣式參數的內容就是CSS的屬性和值。樣式引號中的內容相當於樣式表花括號中的內容,其格式如下:字號為12px,顏色為紅色。當瀏覽器解析這些標簽,檢測到標簽包含樣式屬性時,會調用CSS引擎解析樣式屬性,並在頁面上顯示效果。這種方法和網頁設計中給標簽添加屬性的傳統設計方法是壹樣的。這種方法實際上並不符合W3C提出的將HTML結構與CSS表達式分離出來進行設計的建議,所以不建議在網頁設計中使用這種方法,除非是為了給頁面中的單個元素設置特定的樣式效果而單獨定義。2.內部樣式表和嵌入樣式表的相似之處在於CSS樣式被寫入頁面。不同的是,內部樣式表可以統壹放在壹個固定的位置,其格式如下:內部樣式表通常位於壹個網頁的頭部區域,以便在頁面加載前解析並執行CSS源代碼,避免頁面加載後沒有CSS樣式渲染無法正常顯示頁面信息。3.鏈接外部樣式表鏈接外部樣式表是CSS中最常用的形式。它將CSS樣式代碼寫入壹個獨立的文件,由網頁調用。多個網頁可以同時使用同壹個樣式文件,其格式如下:其中,href屬性設置外部樣式表文件的地址,可以是相對地址,也可以是絕對地址;Rel屬性定義標簽與樣式表標簽相關聯;type屬性定義文檔的類型,即CSS文本文件。

網站通常通過鏈接外部樣式表來設計表示層,可以實現CSS樣式和HTML結構的分離。這種分離原則是W3C提倡的,因為它可以高效地管理文檔結構和樣式表文件,實現代碼優化和重用。

4.導入外部樣式表導入外部樣式表是指在內部樣式表的標簽中導入帶有關鍵字@import的外部樣式表文件,格式如下:

在@import關鍵字之後,使用url()函數導入外部樣式表文件。註意,使用時,外部樣式表的路徑和方法與鏈接外部樣式表的方法類似,但導入外部樣式表的輸入法更有優勢。本質上,它相當於存儲在壹個內部樣式表中。

7.2CSS基本選擇器

選擇器決定樣式規則適用於哪些元素。例如,如果要向table元素添加壹個線寬為1像素的實心邊框和壹個藍色邊框,則需要創建壹個只識別table元素而不影響其他元素的選擇器。如果您想為每個區域中的表格設置壹個特殊的格式,您需要創建壹個稍微復雜壹點的選擇器,它只識別指定區域中的表格元素。

7.2.1標簽選擇器

HTML文檔是由許多標簽通過壹定的規則編織而成的,我們也可以把這些標簽稱為網頁元素。標簽選擇器使用網頁元素來定義樣式。

比如聲明P元素第壹行縮進2個字符,字體顏色為紅色;所有h1字體大小為15px和粗體,代碼如下:

其中P和h1都是HTML特有的標簽名,可以直接引用。

註意:符號*是壹個通配符,用於匹配頁面中的所有元素名稱。上面的代碼將每個元素的內外邊距設置為0px。因為每個元素都有默認的內外邊距值,不同瀏覽器的顯示效果也不壹樣,所以通常的做法是在設置頁面樣式之初,用通配符*去掉所有元素的默認內外邊距。

類別選擇器

使用標簽選擇器設置標簽的樣式很方便,但是標簽選擇器也有很多問題。因為標簽選擇器對標簽的定義不僅影響所選的標簽元素,而且對整個頁面中所有相同的標簽都有效。如果需要在網頁的不同位置為同壹個標簽顯示不同的樣式,這種方法定義的樣式有很多缺點。類選擇器可以用來解決這個問題。

為不同的元素定義了類選擇器,使其具有相同的顯示風格。例如,下面的頁面包含三段文本,通過標簽選擇器將所有段落的文本大小定義為13px,第壹行縮進2個字符,字體顏色為藍色。

級聯樣式表是壹種用於表達文件樣式的計算機語言,例如HTML(標準通用標記語言的應用)或XML(標準通用標記語言的子集)。

目前CSS的最新版本是CSS3,這是壹種能夠真正實現網頁呈現與內容分離的樣式設計語言。與傳統的HTML呈現方式相比,CSS可以在像素級精確控制網頁中對象的位置和排版,支持幾乎所有的字體樣式,具有編輯網頁對象和模型樣式的能力,可以進行初步的交互設計。是目前最好的基於文本呈現的呈現設計語言。

CSS可以根據不同用戶的理解能力來簡化或優化書寫,對於各類人群來說都很容易閱讀。

如果妳想改變第壹段的字體大小為20px,並使字體加粗,那麽妳可以使用類選擇器。定義格式如下:

。font bold { font-size:20px;字體粗細:粗體;}

級聯樣式表是壹種用於表達文件樣式的計算機語言,例如HTML(標準通用標記語言的應用)或XML(標準通用標記語言的子集)。

CSS是壹種風格設計語言,可以真正分離網頁的表現和內容。與傳統的HTML呈現方式相比,CSS可以在像素級精確控制網頁中對象的位置和排版,支持幾乎所有的字體樣式,具有編輯網頁對象和模型樣式的能力,可以進行初步的交互設計。是目前最好的基於文本呈現的呈現設計語言。

CSS可以根據不同用戶的理解能力來簡化或優化書寫,對於各類人群來說都很容易閱讀。

在瀏覽器中預覽,顯示效果如圖3所示,可以看到第壹段字體分別放大加粗。類選擇器可以精確控制頁面中的特定元素對象,而不管該對象屬於什麽類型的標簽,壹個類樣式可以在多個標簽中引用。自定義類名時,只能使用字母、數字、下劃線(_)和連接符(-),並且類名必須以字母開頭,否則無效。另外,類名是區分大小寫的,所以class fontbold和class Fontbold是完全不同的類。

ID選擇器

ID是英文Identity的縮寫,代表標識號,壹般指網絡上的用戶賬號,但在網頁設計中壹般指HTML文檔中標簽的唯壹編號。從這個角度來看,ID選擇器在壹個HTML頁面中只能使用壹次,這是壹個與標簽選擇器和類選擇器的作用域相反的選擇器。ID選擇器通常用於定義HTML框架結構的布局效果,因為HTML框架元素的ID值是唯壹的。

ID選擇器必須以井號(#)前綴開頭,後跟壹個自定義ID名稱,其定義格式如下:

# box { width:600 px;高度:自動;例如,下面的示例定義壹個框,指定框的寬度和高度,並設置背景色以及框的邊框和內邊距的大小。顯示效果如圖4所示。7.3如果壹個復合選擇器僅僅掌握標簽選擇器、類選擇器和ID選擇器是不夠的,那麽網頁設計師還應該掌握高級選擇器的使用,比如子選擇器、相鄰選擇器和屬性選擇器。

使用標簽選擇器和類選擇器可以控制網頁中許多對象的樣式;但是,使用ID選擇器、子選擇器和相鄰選擇器可以精確控制頁面中特定對象的樣式;使用屬性選擇器可以更靈活、更模糊地控制頁面中不同屬性對象的樣式。

7.3.1子選擇器

子選擇器用於指定父元素中包含的子元素的樣式。子選擇器使用尖號(>;),定義格式如下:

div & gtspan { font-size:20px;}其中div是span元素的父元素,由子選擇器連接。

比如span元素的字體大小定義為10px,然後用子選擇器將所有div元素的span樣式字體大小定義為20px。顯示效果如圖5所示。

CSS基本介紹層疊樣式表是壹種用於表示HTML(標準通用標記語言7.3.2)的相鄰選擇器

相鄰選擇器用於指定與壹個元素相鄰的下壹個元素的樣式。相鄰的選擇器用加號(+)表示,格式如下:

div+span { font-size:20px;}其中div+span表示div元素與span元素相鄰。例如,並排顯示的幾個元素的顯示樣式是通過使用相鄰的選擇器逐步控制的。H1+div表示title元素H1後面相鄰div元素的樣式,div+p表示div元素後面相鄰div元素的樣式,p+div表示p元素後面相鄰div元素的樣式,div+div表示div元素後面相鄰div元素的樣式。效果如圖6所示。

圖1

圖2

圖4

圖5

圖6

詳情官方電話官方服務官網有贊有踩。妳對這個答案有何評論?把評論收起來。_ 1 uevpeq { zoom:1;背景色:# fff邊框:0;margin-bottom:10px;填充:30px 0 20px 42px位置:相對}。_ 1 uevpeq . EC-1841 { padding:20px 0 }。_ 1 uevpeq . EC-2246 { padding:20px 0 10px }。EC-1841 . y 7 we 4 Hu { font-size:16px;margin-bottom:-5px } . y 7 we 4 Hu { color:# 7 A8 F9 a;高度:25px行高:25px溢出:隱藏;position:relative } . y 7 we 4 Hu H2 { margin:0;padding:0 } . y 7 we 4 Hu:after { clear:both;內容:“”;顯示:塊;高度:0;可見度:隱藏的a . tycfu 7 u { color:# 666;浮動:對;font-size:12px;左邊距:8pxtext-decoration:none } . hhhv 6 ex { color:# 666;font-size:13px;行高:正常;行高:20pxmargin-top:10px}。vnsdjzp { margin-top:15px;位置:相對}。vnsdjzp H3 { font-weight:400;填充:0}。vnsdjzp a{text-decoration:none}。vnsdjzp em { color:# d 81419;字體樣式:正常}。ec-2246。vnsdjzp{margin-top:20px}。_ 853 bpkf { margin-top:10px } . a8gn 2 rz { margin-top:24px }。_ 9rp 2 sus { display:block;溢出:隱藏;寬度:自動}。_4fuv54y,。_85hk68c,. c84cjyj,. cd2v8yz,.gbuysgj、. gbxbqd2、. kpq54qk、. kw488k9、. puc33cm、. rdg9v5w、. yg 47 vz 5 { box-sizing:border-box;浮動:左;min-height:1px;位置:相對} .cd2v8yz {寬度:8.33333333%}。gbuysgj { width:16.66666666% } . c 84 cjyj { width:25% } . puc 33cm { width:33.33333333% }。_ 85hk 68 c { width:50% } . rdg 9 V5 w { width:58.33333333% } . kw 488k 9 { width:66.666666667% } . kpq 54 qk { width:75% } . gbxbqd 2 { width:83.33333333% }。_ 4 fuv 54y { width:91.66666667% } . yg 47 vz 5 { width:100% } . HC 9 wng 2 { float:right } body a . xny 78 f 9,body div . xny 78 f 9 { color:# 333;顯示:塊;字體系列:Arial,Helvetica,無襯線;font-size:14px!重要;行高:19px;margin-bottom:10px;text-decoration:none } a . xny 78 f 9:hover { color:# 34b 458;text-decoration:underline } a . xny 78 f 9 font { color:# 34b 458 } a . xny 78 f 9 div { word-break:break-all } . v3 zrcrj { overflow:hidden;文本溢出:省略號;空白:nowrap } . q 1 dpns 8 {-WebKit-line-clamp:2 }。ndfxdqz,. q 1 dpns 8 { word-wrap:break-word;-webkit-box-orient:垂直;顯示:-WebKit-box;溢出:隱藏;分詞:break-all}。ndfxdqz{-webkit-line-clamp:3}。_7qtpw9j{-webkit-line-clamp:4}。_2dt35k2,。_ 7qtpw9j { word-wrap:break-word;-webkit-box-orient:垂直;顯示:-WebKit-box;溢出:隱藏;分詞:break-all}。_2dt35k2{-webkit-line-clamp:5}。_ 1 R3 uysh {-WebKit-line-clamp:10 }。_1r3uysh,. yux2cc 6 { word-wrap:break-word;-webkit-box-orient:垂直;顯示:-WebKit-box;溢出:隱藏;word-break:break-all } . yux2cc 6 {-WebKit-line-clamp:12 }。_ 4b xpxs 9 {-WebKit-line-clamp:18;自動換行:斷字;-webkit-box-orient:垂直;顯示:-WebKit-box;溢出:隱藏;word-break:break-all } body . k 795 fxy { color:# 7 A8 F9 a;字體系列:Arial,Helvetica,無襯線;font-size:12px;行高:22px填充頂部:0;位置:相對;transform:translate y(. 466666667 em)} body . k 795 fxy:before { content:" ";顯示:塊;高度:0;margin-top:-10px } body . k 795 fxy a { color:# 7 A8 F9 a;display:block } body . k 795 fxy a . _ 1 ncz an { color:# 666 } body . k 795 fxy按鈕{ background:# fff;邊框:1px實心;邊框半徑:3px底部:0;顏色:# 38f浮動:對;font-size:12px;行高:12px;填充:7px 13px;位置:絕對;右:0 } body . k 795 fxy . db 1j 6 uz { margin-left:5px } body . k 795 fxy。mxyzxgv { border:1px solid # eee;邊界半徑:50%;顯示:內嵌-塊;高度:22px行高:0;右邊距:7pxmargin-top:-2px;垂直對齊:居中;寬度:22px }車身. k795fxy。accwaqu{margin-right:8px}。zdjeshn {位置:絕對;right:0 } . tx 6 hcqf {-WebKit-box-orient:horizontal;-WebKit-box-align:stretch;-WebKit-align-content:flex-start;-WebKit-align-items:stretch;顯示:-WebKit-flex;-WebKit-flex-wrap:nowrap;-WebKit-justify-content:space-between;width:auto } . BD E3 HFS { flex:1 } body . k 795 fxy a . n 1 yex 5 p,body . k 795 fxy div . n 1 yex 5 p { display:flex;justify-content:space-between } . k 795 fxy。EC-showurl-line:hover { text-decoration:underline } . k 795 fxy。EC-showurl-line { color:# 9 eacb 6 } . k 795 fxy { padding-bottom:1px } @ charset " UTF-8 ";身體。_ 886 bxmw { font-size:12px;行高:22px填充頂部:0;transform:translate y(. 416666667 em)} body。_ 886 bxmw:before { content:" ";顯示:塊;高度:0;margin-top:-10px }正文。_886bxmw a,body。_886bxmw div{color:#333}body。_ 886 bxmw . d 81 nas 8 { color:# 999;font-size:15px;行高:25px }正文。_886bxmw。_9mnfgfc{margin-right:5px}。_886bxmw font{color:#34b458}。ec-2246。_886bxmw font{color:#c60a00}。ec-2246。_886bxmw{font-size:16px}。ec-2246。_ 8gpc 1uj { position:relative }。ec-2246。_ 8 GPC 1uj:after { background-color:# fff;底部:0;顏色:# 34b458內容:“點擊查看詳情”;顯示:內嵌-塊;左填充:10px;右填充:0;位置:絕對;右:0}。ec-2246。_ 8gpc 1uj:before { background-image:linear-gradient(270 deg,#fff,hsla(0,0%,100%,0));底部:0;內容:“”;高度:29px位置:絕對;右:90px寬度:47px } . qeb 9494 { padding-bottom:100% }。cbnvsmc { padding-bottom:133.333333333% } . BD 8d sh 2 { padding-bottom:33.3333333333% } . s 8 vwdyg { padding-bottom:56.25% }。_ 7647yj6 {底部填充:50%}。_ 3hu 75 Mr { padding-bottom:75% } . KDC M6 p 9 { padding-bottom:66.66666667% }。xgdthff {填充底部:40%}。wagcupv {背景-職位:50%;背景-重復:不重復;背景-尺寸:封面}。_3hu75mr,。_7647yj6,. bd8dsh2,.cbnvsmc,. kdcm6p9,. qeb9494,. s8vwdyg,.xgdthff { height:0;溢出:隱藏}。_3hu75mr img,。_7647yj6 img,. bd8dsh2 img,。cbnvsmc img,. kdcm6p9 img,. qeb9494 img,. s8vwdyg img,.xgdthff img { width:100% } . dycvwv 4 { border-radius:9px }。_ 1kcc 4s 3 { border-top-left-radius:0 } . f9m stuk { border-top-right-radius:0 }。_ 24395 CT { border-bottom-right-radius:0 } . r 1 yfcd 1 { border-bottom-left-radius:0 } . qd9k 1mu { color:# 333;font-size:14px;行高:24pxmargin-top:2px } . qhn 3 KTC { color:# f60;font-size:14px;行高:22px邊距:5px 0;垂直對齊:中間}。_ 6 ad 8 bqy { position:relative } . a85j 8 Fv { background:radial-gradient(透明50%,rgba(0,0,0,. 05)100%);身高:100%;左:0;位置:絕對;top:0;transform:translate z(0);寬度:100% } . dycvwv 4 . a 85j 8 Fv { border-radius:9px }。_ 1 kcc 4s 3 . a85j 8 Fv { border-top-left-radius:0 } . f9m stuk . a85j 8 Fv { border-top-right-radius:0 }。_ 24395 CT . a85j 8 Fv { border-bottom-right-radius:0 } . r 1 yfcd 1 . a85j 8 Fv { border-bottom-left-radius:0 }。_ 6 ad 8 bqy . qeb 9494 { height:92px;底部填充:0}。ec-2246。_ 6 ad 8 bqy . KDC M6 p 9 { height:160 px;邊距:自動;填充:0;width:240 px } body . c 69 sfzc { display:flex;字體大小:0;溢出:隱藏}體。_ 5d n6 uyv { margin-right:8px;最大寬度:35px最小寬度:35px垂直對齊:頂部}正文。qrpnxfs { background:URL(//nv00 . cdn . BCE Bos . com/NV 01/static/ECOM/img/PC/head-img-535 c 333798 . png)無重復50%;背景-大小:100% 100%;身高:100%;寬度:100% }正文。nmkjhaf { height:35px;min-width:0 } body . v 1 ftvns { color:# 000;字體大小:16px;font-weight:繼承;行高:1;邊距-底部:8px溢出:隱藏;文本溢出:省略號;空白:nowrap}body。_ 7pt 3pe 5 { color:# 999;font-size:12px;line-height:1 } body . c 69 sfzc . m 11 ehk 9 img { width:100% } body . c 69 sfzc ._ 7 enmqsz { margin-right:15px } body。_ 5dn6uyv {邊框半徑:50%;最大寬度:40px最小寬度:40pxoverflow:hidden } body . v 1 ftvns { color:# 333;font-size:14px;字體粗細:700;行高:20pxmargin-bottom:0正文。_ 7pt 3pe 5 { color:# 9 eacb 6;行高:17px;Margin-top:3px}淘寶熱賣廣告2024-06-04創意設計茶葉logo,淘寶購物,優化材質,使用舒適!網上下單,省時省力。simba.taobao.com!函數(t){“使用嚴格”;函數e(t,e){ if(t){ var n =新日期()。getTime(),I =新圖像;t+="&rand="+(n+Math.random()),window . ecomlogimage | |(window . ecomlogimage = { }),window . ecomlogimage["-IMAGE "+n]= I,e = e | | { };var r=!1;I . onload = I . on error = I . on abort = function(o){ if(!e . charge){ if(o & &“load”!= = o . type){ e & & e . error()中的if(r)“error”;else{i.src=t,r=!0;return } } else " load " in e & & e . load()} I . on load = I . on error = I . ona bort = null,window . ecomlogimage["-IMAGE "+n]= null,i=null},i.src=t}}var n,i=function(){var t,e,n,i=0,r=0,o=0,s=0,a=0,c=0,u=0,l=0,h=/link\?url\=([^\&]+)/,f=/\?url\=([^\.]+)\./,d="data-cklink ",p=/[?&]tn=([^&]*)/;函數v(t){if(!t)返回!1;var e = h . exec(t)| | f . exec(t);回歸!!e&&(h.exec(t)?e[1]。length-1){ container . html(');返回;} if (src.indexOf('優酷')>-1 & &(sid = src . match(/sid \/(。*?)[\?\/]/)){ if(sid[1]){ src = '/player . PHP/sid/'+sid[1]+'/v . swf ';} } container . html(“”);});});var scrollLogged = falsevar middleLogged = falsevar bottomLogged = false$(文檔)。on('scroll ',function(){ var docViewTop = $(window)。scroll top();var docview bottom = docview top+$(window)。height();var $ CMS scroll = $(' # CMS-scroll ');if($ CMS scroll . length > 0){ var scrollem top = $ CMS scroll . offset()。頂;如果(!scroll logged & &(scrollem top > docview top & & scrollem top < docview bottom)){ scroll logged = true;log.send({ area:'問題_正確_錯誤' });} } var $ CMS company = $(' # CMS-company ');if($ CMS scroll . length > 0){ var middleElemTop = $ CMS scroll . offset()。頂;如果(!middleLogged & &(middleElemTop > docview top & & middleElemTop < docview bottom)){ middleLogged = true;log.send({ area:'問題_中間_廣告' });} } var $knowledge = $('。知識’);if($ knowledge . length > 0){ var bottom elemtop = $ knowledge . offset()。頂;如果(!bottom logged & &(bottom elemtop > docview top & & bottom elemtop < docview bottom)){ bottom logged = true;log . send({ area:' question _ knowledge ' });} } });require . async([' common-new:widget/js/ui/lazy load/lazy load '],function(lazyload){ $('。wgt-replyer-best。阿凡達-48 a,。wgt-replyer-best。阿凡達-66 a,。wgt-復制器-特殊。阿凡達-66 a,。wgt-replyer-best。阿凡達-69 a,。wgt-replyer-best。阿凡達-70 a,。wgt-replyer-best。頭像-66 a,# CMS-公司a’)。lazy load();});$('.ikq b-map’)。each(function(index,item) { var ifreamObj = $(" ")。attr({ frameborder: '0 ',寬度:" 430 ",高度:" 310 ",樣式: '顯示:無;',className: 'answer-map' }),tmpsrc = $(item)。attr("map") || $(item)。attr(" src ");var iframeSrc =!/u editor \/dialogs \/map/I . test(tmpsrc)?//zhidao . Baidu . com/html/map '+tmpsrc.replace(/^iknow/i,' '):tmpsrcifreamObj.attr('src ',iframeSrc);$(項目)。之前(ifreamObj)。移除();Ifream對象。在($(" ")之後。addclass ('f-aid ')。html("此數據來自百度地圖,最終結果以百度地圖最新數據為準。") ).show();});if ($('video.edui-faked-video ')。size()> 0){ video . init();} require . async([' question-new:widget/js/trans-yun/trans-yun-log '],function(yun log){ yun log . init();});require . async([' question-new:widget/js/yike-card/yike-card-log '],function(yikeCardLog){ yikeCardLog . init();});require . async([' common-new:widget/js/logic/UT/UT '],function(UT){ UT . start([' user bar ',' header ',' wgt-ask ',' answer-editor ',' wgt-answers ']);});file . init();logPV();if(f . context(' user ')[' isUserAdmin ']!= ' 1 '){ require . async([' question-new:widget/js/select-search/select-search '],function(A){ A . init();});} log.init({key:2014,查詢:'正文',動作:'點擊' });函數logPV(){ var log options = { screen:parse int($(' body ')。height()/$(窗口)。height()),cid: F.context('page')['cid'],view: F.context('page ')。isView,cid top:f . context(' page ')[' cid top '],cid mid:f . context(' page ')[' cid mid '],refer: document.referrer,userStatus:' ',adsEids:f . context(' page '). adsall . adsEids . join('),create_time: F.context('page ')。createTime || 0,asker_uid: F.context('page ')。uid || 0,viewer_uid: F.context('user ')。uid || 0,isNewPcQbPage:f . context(' pageType ')= = = ' view '?1 : 0,entry:$ . URL . getquery value(location . href,' entry '),pageType: 'view ',isNewTpl:1 };log . add key({ EVA sampling:881,qid:f . context(' page ')[' qid ']});if (F.context('page ')。relateTopicQids){ logo options . relateTopicQids = f . context(' page ')。relateTopicQids} if ($('。class info’)。length){ log . add key({ ' class info ':1 });} var uadminIcon = $('。ua dmin-a’);var uadminIconSize = uadminicon . length;if(uadminIconSize){ logo options . uadminiconnum = uadminIconSize;} if(0){ log options . uid = f . context(' user ')。uid} if($ . URL . getquery value(location . href,' waite XP '){ log options . waite XP type = $ . URL . getquery value(location . href,' waite XP ');} if($ . URL . getquery value(location . href,' personas '){ logo options . waite xppersonas = $ . URL . getquery value(location . href,' personas ');} log . add key(logo options);} var grid68 = $('。qb-content ')、qid = f . context(' page ')[' qid '];$.每個({ 'qb-content ':')。q-內容a@ ',' q b-供應-內容':'。q-supply-content a@ ',' qb-best-text ':'。wgt-best。'最佳文本a@ ',' QB-特殊-最佳文本':'。wgt-特殊。最佳文本a@ ',' QB-推薦-文本':'。wgt-推薦。推薦-正文a@ ',' q b-回答-正文':'。回答-文本a@ ',' qb-replyask-ask ':'。ask+dd a ',' qb-replyask-reply ':'。回復+dd a ',' q b-最佳-感謝':'。thank pre a ',' qb-answer-refer ':'。答案-refer a' },function(key,val){ var aLink = grid 68 . find(val . replace(/\ @ $/,'[title!=""]') ) .不是(’。app-關鍵字,。內部鏈接)。filter(function(){ return this . get attribute(' href ')。match(/^mend。回答——我的,。wgt-特殊。answer-mine ')、myAnswer = nullif(myanswerlist . size()){ myAnswer = myanswerlist . first();setTimeout(function(){ $(document))。scrollTop(myAnswer.offset()。top-10);}, 200);//翻頁時保證其他答案位於第壹個答案的頂部} else if(位置。hash = = = ' # wgt-answers ' & $(' # wgt-answers ')。size ()) {//防止try {if (document)的重復定位。referrer = =會話存儲。getitem(' session referrer '){ return;} else { session storage . setitem(' session preferrer ',document . referrer);}} catch (e) {} //順序應該在答案折疊之後,以免影響$(window)的計算。on('load ',Function () {//變成異步消除其他定位幹擾settimeout(Function(){ var top = $(' # wgt-answers ')。偏移量()。頂;//主要是為了排除吊頂頭的幹擾,防止它蓋住答案var $ title = $('。wgt-問。ask-title’);var diff = top > $title.offset()。top + $title.height() - 50?55 : 0;$(窗口)。scroll top(top-diff);},0)} } } else { var locAnswerList = $('。wgt-best。回答,。wgt-推薦。回答,。wgt-特殊。answer’),locAnswer = nulllocanswerlist . each(function(index,item) { if($(item)。attr("id ")。indexOf(loc_ans)!=-1){ loc answer = $(item);} });if(loc answer){ setTimeout(function(){ $(document))。scrollTop(locAnswer.parent()。偏移量()。top-10);}, 200);} }//統計合作夥伴回答的查看次數。Var業務id =[100593,14630];數組&& $的businessIds && businessIds實例。Ajax({ URL:'/business/submit/daily statistics ',方法:' GET ',超時:30 * 1000,數據:{ type: 1,business ids:business ids . join(' _ '),qid: F.context('page ')。qid } });DOM ready . init();F.context('banInfo ',null);});}();!函數(){var F = (window。__IKNOW_GLOBAL__ || window)。f;var require = (window。__IKNOW_GLOBAL__ || window)。要求;require . async([' common-new:widget/js/logic/DOM-ready/DOM-ready '],function(D){ D . init({ " isNotPgc ":" 1 " }));}();!函數(){var F = (window。__IKNOW_GLOBAL__ || window)。f;var require = (window。__IKNOW_GLOBAL__ || window)。要求;require . async([" common-new:widget/js/logic/duration/duration "],function(dur){ dur . init();});}();!function(){var F =(窗口。__IKNOW_GLOBAL__ || window)。f;var require = (window。__IKNOW_GLOBAL__ || window)。要求;require . async([' common-new:widget/js/util/monitor/monitor . es '],function(m){ window . iperformance & & m . monitor & & m . monitor . init();});}();!function(){var F =(窗口。__IKNOW_GLOBAL__ || window)。f;var require = (window。__IKNOW_GLOBAL__ || window)。要求;require . async([' common-new:widget/js/util/log/log '],function(log){ var s rende = date . now();var成本= s趨勢-數字(1717771195196);setTimeout(function(){ log . send({ action:' latency ',area: 'ssr ',plat: 'pc ',cost: cost,uri:window . location . pathname });}, 1000);});}();require . async([' common-new:widget/lib/jquery/jquery '],function ($) { if(!/chrome | Firefox | safari | msie 10 | RSV:11 | msie[89]/I . test(navigator . user agent)){ return;}窗口。BaiduHttps =窗口。BaiduHttps | | { };窗戶。baiduhttps . callbacks = function(data){ if(data & & data . s = = = 0){ window . support https = 1;settimeout(function(){ $('a[href^="/s]').each(function (index,item) { var link = $(item)。attr(' href ');if (~link.indexOf(?wd = ')| | ~ link . index of(' & wd = '){ link = link.replace(/^/con?from = zhidao ';document.body.appendChild(腳本);});