找到了NightsoN的userstyles.org Download Styles Without Stylish,但是這個(gè)只能在當(dāng)前頁(yè)面打開(kāi)css,沒(méi)法直接保存,還要手動(dòng)保存一下才行。
創(chuàng)新互聯(lián)是一家企業(yè)級(jí)云計(jì)算解決方案提供商,超15年IDC數(shù)據(jù)中心運(yùn)營(yíng)經(jīng)驗(yàn)。主營(yíng)GPU顯卡服務(wù)器,站群服務(wù)器,綿陽(yáng)主機(jī)托管,海外高防服務(wù)器,大帶寬服務(wù)器,動(dòng)態(tài)撥號(hào)VPS,海外云手機(jī),海外云服務(wù)器,海外服務(wù)器租用托管等。
style body{ background-color:white; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:white; } ul,li{ margin:0px; padding:0px; } li{ display:inline; list-style:none; list-style-position:outside; text-align:center; font-weight:bold; float:left; } a:link{ color:#336601; text-decoration:none; float:left; width:100px; padding:3px 5px 0px 5px; } a:visited{ color:#336601; text-decoration:none; float:left; padding:3px 5px 0px 5px; width:100px; } a:hover{ color:white; float:left; padding:3px 3px 0px 20px; width:88px; text-decoration:none; background-color:#539D26; } a:active{ color:white; float:left; padding:3px 3px 0px 20px; width:88px; text-decoration:none; background-color:#BD06B4; } #nav{ width:600px; height:30px; border-bottom:0px; padding:0px 5px; position:absolute; z-index:1; } .list{ line-height:20px; text-align:left; padding:4px; font-weight:normal; } .menu1{ width:120px; height:auto; margin:6px 4px 0px 0px; border:1px solid #9CDD75; background-color:#F1FBEC; color:#336601; padding:6px 0px 0px 0px; cursor:hand; overflow-y:hidden; filter:Alpha(opacity=70); -moz-opacity:0.7; } .menu2{ width:120px; height:18px; margin:6px 4px 0px 0px; background-color:#F5F5F5; color:#999999; border:1px solid #EEE8DD; padding:6px 0px 0px 0px; overflow-y:hidden; cursor:hand; } /style div id="nav" ul li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'"我的首頁(yè) div class="list" a href="#"我的CHINAY/abr / a href="#"我的首頁(yè)/abr / a href="#"我的日志/abr / a href="#"我的日志/abr / a href="#"我的相冊(cè)/abr / a href="#"我的收藏/abr / /div /li li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'"社區(qū)圈子 div class="list" a href="#"我的CHINAY/abr / a href="#"我的首頁(yè)/abr / a href="#"我的日志/abr / a href="#"我的相冊(cè)/abr / a href="#"我的收藏/abr / /div /li li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'"我的短信 div class="list" a href="#"我的CHINAY/abr / a href="#"我的相冊(cè)/abr / a href="#"我的收藏/abr / /div /li li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'"賬戶管理 div class="list" a href="#"我的CHINAY/abr / a href="#"我的首頁(yè)/abr / a href="#"我的日志/abr / a href="#"我的相冊(cè)/abr / a href="#"我的收藏/abr / a href="#"我的日志/abr / a href="#"我的相冊(cè)/abr / a href="#"我的收藏/abr / /div /li /ul /div
采納哦
span class="con_bold"加入收藏/span
.con_bold{
font-weight:bold
}
span標(biāo)簽可以換成別的
:active
設(shè)置對(duì)象在被用戶激活(在鼠標(biāo)點(diǎn)擊與釋放之間發(fā)生的事件)時(shí)的樣式。
在CSS1中此偽類僅可用于 a 對(duì)象。對(duì)于無(wú) href 屬性(特性)的 a 對(duì)象,此偽類不發(fā)生作用。
在CSS2中此偽類可以應(yīng)用于任何對(duì)象。
并且 :active 可以和 :link 以及 :visited 狀態(tài)同時(shí)發(fā)生。 a:active { font-size: 14pt; text-decoration: underline; color: blue; }
:hover
設(shè)置對(duì)象在其鼠標(biāo)懸停時(shí)的樣式。
在CSS1中此偽類僅可用于 a 對(duì)象。對(duì)于無(wú) href 屬性(特性)的 a 對(duì)象,此偽類不發(fā)生作用。
在CSS2中此偽類可以應(yīng)用于任何對(duì)象。
a:hover { font-size: 14pt; text-decoration: underline; color: blue; }
a:hover span{ color:red; }
CSS是Cascading Style Sheets(層疊樣式表)的縮寫。是一種對(duì)web文檔添加樣式的簡(jiǎn)單機(jī)制,屬于表現(xiàn)層的布局語(yǔ)言。
1.基本語(yǔ)法規(guī)范
分析一個(gè)典型CSS的語(yǔ)句:
p {COLOR:#FF0000;BACKGROUND:#FFFFFF}
其中"p"我們稱為"選擇器"(selectors),指明我們要給"p"定義樣式;
樣式聲明寫在一對(duì)大括號(hào)"{}"中;
COLOR和BACKGROUND稱為"屬性"(property),不同屬性之間用分號(hào)";"分隔;
"#FF0000"和"#FFFFFF"是屬性的值(value)。
2.顏色值
顏色值可以用RGB值寫,例如:color : rgb(255,0,0),也可以用十六進(jìn)制寫,就象上面例子color:#FF0000。如果十六進(jìn)制值是成對(duì)重復(fù)的可以簡(jiǎn)寫,效果一樣。例如:#FF0000可以寫成#F00。但如果不重復(fù)就不可以簡(jiǎn)寫,例如#FC1A1B必須寫滿六位。
3.定義字體
web標(biāo)準(zhǔn)推薦如下字體定義方法:
body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif; }
字體按照所列出的順序選用。如果用戶的計(jì)算機(jī)含有Lucida Grande字體,文檔將被指定為L(zhǎng)ucida Grande。沒(méi)有的話,就被指定為Verdana字體,如果也沒(méi)有Verdana,就指定為L(zhǎng)ucida字體,依此類推,;
Lucida Grande字體適合Mac OS X;
Verdana字體適合所有的Windows系統(tǒng);
Lucida適合UNIX用戶
"宋體"適合中文簡(jiǎn)體用戶;
如果所列出的字體都不能用,則默認(rèn)的sans-serif字體能保證調(diào)用;
4.群選擇器
當(dāng)幾個(gè)元素樣式屬性一樣時(shí),可以共同調(diào)用一個(gè)聲明,元素之間用逗號(hào)分隔,: p, td, li { font-size : 12px ; }
5.派生選擇器
可以使用派生選擇器給一個(gè)元素里的子元素定義樣式,例如這樣:
li strong { font-style : italic; font-weight : normal;}
就是給li下面的子元素strong定義一個(gè)斜體不加粗的樣式。
6.id選擇器
用CSS布局主要用層"div"來(lái)實(shí)現(xiàn),而div的樣式通過(guò)"id選擇器"來(lái)定義。例如我們首先定義一個(gè)層
div id="menubar"/div
然后在樣式表里這樣定義:
#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
其中"menubar"是你自己定義的id名稱。注意在前面加"#"號(hào)。
id選擇器也同樣支持派生,例如:
#menubar p { text-align : right; margin-top : 10px; }
這個(gè)方法主要用來(lái)定義層和那些比較復(fù)雜,有多個(gè)派生的元素。
6.類別選擇器
在CSS里用一個(gè)點(diǎn)開(kāi)頭表示類別選擇器定義,例如:
.14px {color : #f60 ;font-size:14px ;}
在頁(yè)面中,用class="類別名"的方法調(diào)用:
span class="14px"14px大小的字體/span
這個(gè)方法比較簡(jiǎn)單靈活,可以隨時(shí)根據(jù)頁(yè)面需要新建和刪除。
7.定義鏈接的樣式
CSS中用四個(gè)偽類來(lái)定義鏈接的樣式,分別是:a:link、a:visited、a:hover和a : active,例如:
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}
以上語(yǔ)句分別定義了"鏈接、已訪問(wèn)過(guò)的鏈接、鼠標(biāo)停在上方時(shí)、點(diǎn)下鼠標(biāo)時(shí)"的樣式。注意,必須按以上順序?qū)懀駝t顯示可能和你預(yù)想的不一樣。記住它們的順序是“LVHA”。
使用border-collapse: collapse;去掉表格線間的空白。
使用:nth-child(even)選擇表格中的偶數(shù)行,進(jìn)行修改背景色,如果選擇奇數(shù)行,使用odd選擇奇數(shù)。
使用:last-of-type選擇最后一個(gè)元素進(jìn)行畫表格底線
使用colspan進(jìn)行行合并
使用rowspan進(jìn)行列合并
1.1 內(nèi)聯(lián)樣式表
在標(biāo)簽中直接添加style 例:p style=“” /p
1.2 內(nèi)嵌樣式表
作為一個(gè)獨(dú)立區(qū)域內(nèi)嵌在網(wǎng)頁(yè)內(nèi),必須卸載head標(biāo)簽內(nèi)
例:head
style=“”
/style
/head
1.3 外部樣式表
即css樣式表,需要新建一個(gè)css文件,用來(lái)放樣式表。如果在html文件中調(diào)用樣式表,需在html文件中點(diǎn)擊 右鍵→CSS樣式→附加樣式表。(一般用link連接方式)
注:有些標(biāo)簽會(huì)有默認(rèn)的邊距,一般寫代碼的時(shí)候會(huì)先去除(也可以設(shè)置其他需要的樣式)
* (對(duì)所有標(biāo)簽起作用)
{margin:0px; (邊距)
padding:0px;} (間距)
名稱欄目:收藏樣式css,收藏品類型
標(biāo)題URL:http://m.newbst.com/article42/dssgohc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、網(wǎng)站維護(hù)、微信公眾號(hào)、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)