尊敬的用戶,您好!很高興為您答疑。
創(chuàng)新互聯(lián)主營谷城網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,APP應(yīng)用開發(fā),谷城h5小程序制作搭建,谷城網(wǎng)站營銷推廣歡迎谷城等地區(qū)企業(yè)咨詢
css樣式可以在頁面上右擊元素查看,然后即可在下面的面板上出現(xiàn)對當(dāng)前對象生效的css樣式代碼,此時(shí)您可以直接修改css來實(shí)現(xiàn)樣式預(yù)覽。即實(shí)現(xiàn)了您所說的css調(diào)試。
希望我的回答對您有所幫助,如有疑問,歡迎繼續(xù)咨詢我們。
為什么不能加link標(biāo)簽?zāi)??我還沒有遇到過這種情況。
你用的是dm?vs?
樣式的使用有大體有四種方式:
1,外聯(lián)式樣式表;2,內(nèi)嵌樣式表;3,元素內(nèi)定;4,導(dǎo)入樣式表
有試過導(dǎo)入嗎?
style type="text/css"
!--
@import url("css/base.css");
--
/style
當(dāng)讀到一個(gè)樣式表時(shí),瀏覽器會(huì)根據(jù)它來格式化 HTML 文檔。插入樣式表的方法有三種:
外部樣式表
當(dāng)樣式需要應(yīng)用于很多頁面時(shí),外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變一個(gè)文件來改變整個(gè)站點(diǎn)的外觀。每個(gè)頁面使用 link 標(biāo)簽鏈接到樣式表。link 標(biāo)簽在(文檔的)頭部:
head
link rel="stylesheet" type="text/css" href="mystyle.css" /
/head
瀏覽器會(huì)從文件 mystyle.css 中讀到樣式聲明,并根據(jù)它來格式文檔。
外部樣式表可以在任何文本編輯器中進(jìn)行編輯。文件不能包含任何的 html 標(biāo)簽。樣式表應(yīng)該以 .css 擴(kuò)展名進(jìn)行保存。下面是一個(gè)樣式表文件的例子:
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
不要在屬性值與單位之間留有空格。假如你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ,它僅在 IE 6 中有效,但是在 Mozilla/Firefox 或 Netscape 中卻無法正常工作。
內(nèi)部樣式表
當(dāng)單個(gè)文檔需要特殊的樣式時(shí),就應(yīng)該使用內(nèi)部樣式表。你可以使用 style 標(biāo)簽在文檔頭部定義內(nèi)部樣式表,就像這樣:
head
style type="text/css"
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
/style
/head
內(nèi)聯(lián)樣式
由于要將表現(xiàn)和內(nèi)容混雜在一起,內(nèi)聯(lián)樣式會(huì)損失掉樣式表的許多優(yōu)勢。請慎用這種方法,例如當(dāng)樣式僅需要在一個(gè)元素上應(yīng)用一次時(shí)。
要使用內(nèi)聯(lián)樣式,你需要在相關(guān)的標(biāo)簽內(nèi)使用樣式(style)屬性。Style 屬性可以包含任何 CSS 屬性。本例展示如何改變段落的顏色和左外邊距:
p style="color: sienna; margin-left: 20px"
This is a paragraph
/p
多重樣式
如果某些屬性在不同的樣式表中被同樣的選擇器定義,那么屬性值將從更具體的樣式表中被繼承過來。
例如,外部樣式表擁有針對 h3 選擇器的三個(gè)屬性:
h3 {
color: red;
text-align: left;
font-size: 8pt;
}
而內(nèi)部樣式表擁有針對 h3 選擇器的兩個(gè)屬性:
h3 {
text-align: right;
font-size: 20pt;
}
假如擁有內(nèi)部樣式表的這個(gè)頁面同時(shí)與外部樣式表鏈接,那么 h3 得到的樣式是:
color: red;
text-align: right;
font-size: 20pt;
即顏色屬性將被繼承于外部樣式表,而文字排列(text-alignment)和字體尺寸(font-size)會(huì)被內(nèi)部樣式表中的規(guī)則取代。
來源:
要才定位。
div的布局就像表格那樣嵌套,只是打個(gè)比方,當(dāng)然和表格不一樣了,不過你用DIV+CSS做一個(gè)網(wǎng)頁基本上不用絕對或相對定位)很少用,只有特殊需要才用定位.
如果要問絕對定位好還是用相對定位好?
因?yàn)榻^對定位(和文檔流沒關(guān)系)如無申明,則其是對與body而言的,處理不好的話。如顯示器尺寸變了,可能就會(huì)變型。
相對定位的元素屬文檔流,所以穩(wěn)定的,相對定位是相對他該出現(xiàn)的位置,如無設(shè)top left之類,和普通div基本一樣。
一般的絕對定位是這樣用的,父元素要是相對定位的且須有布局,如有個(gè)高度,這樣子元素用絕對定位,就可以相對它的父元素進(jìn)行絕對定位,父元素若不這樣做,那么子元素用絕對定位其實(shí)是相對body定位
我是這樣引入的
link rel=stylesheet href="*.css" type="text/css" /
這個(gè)東西放到head里面
希望對你有所幫助
二、確定修改重點(diǎn)
這里講述的是怎么修改CSS文件,其實(shí)仔細(xì)觀察Wordpress主題模板代碼,不管是index.php首頁還是page.php頁面,或者single.php文章內(nèi)頁,你會(huì)發(fā)現(xiàn),其實(shí)大部分主題都只是通過CSS來控制頁面布局,頁面本身的代碼基本相同,特別是一些國外簡潔明了的優(yōu)秀主題更是如此。
當(dāng)我們要修改某部分樣式及結(jié)構(gòu)時(shí),都會(huì)直接打開Wordpress主題模板文件或在后臺(tái)編輯主題,密密麻麻的代碼,就是主題作者自己看了也會(huì)頭暈眼花,所以會(huì)經(jīng)常在關(guān)鍵部位加上一些注釋,
php中注釋一般為:!– XXX –
css中為:/** XXX **/
一般調(diào)整比較常見的是頁面寬度、文本主體寬度、字體大小、行間距、背景顏色等。通過修改style.css文件都能夠達(dá)到預(yù)期效果(部分主題會(huì)指定CSS文件,只需對應(yīng)找到控制的CSS文件),部分國外主題在functions.php中加入加入大量模板函數(shù),這不是本文講述的重點(diǎn)。
三、修改Wordpress主題CSS文件
下面以Wordpress默認(rèn)主題Twentyeleven修改為例
用Mozilla Firefox瀏覽器打開網(wǎng)站,首先在要修改樣式的地方右鍵單擊→查看元素。
此時(shí)瀏覽器自動(dòng)打開DOM樣式探查器
左側(cè)是頁面html源代碼,右側(cè)這部分就是控制標(biāo)題文字的CSS屬性,當(dāng)然可以自己琢磨著對照左側(cè)代碼進(jìn)行選擇
我們簡單地對CSS參數(shù)進(jìn)行調(diào)整,可以實(shí)時(shí)預(yù)覽效果,不管是字體大小,還是背景顏色都如此。
例如把color: rgb(34, 34, 34);調(diào)整為color: rgb(345, 34, 34);你會(huì)發(fā)現(xiàn)標(biāo)題顏色發(fā)生改變,再加入字體參數(shù)font-size: 20px;
font-family: 微軟雅黑; 此時(shí)發(fā)現(xiàn)頁面中,文章標(biāo)題全部都變?yōu)槲④浹藕谧煮w,字號(hào)為20px,紅色,調(diào)整到滿意的效果后,就應(yīng)該把文件修改進(jìn)CSS文件里。注意:字體如果是要使用微軟雅黑等中文字體時(shí),需要參照CSS中文字體對照表使用Unicode編碼
保存方法有二種
一種是對照代碼右側(cè)位置style.css:745 用Dreamweaver軟件或是記事本打開style.css文件找到第745行代碼進(jìn)行修改。另一種是點(diǎn)擊style.css:745自動(dòng)跳轉(zhuǎn)到樣式編輯器,然后選擇保存CSS文件。