CSS樣式修改,首先要確定你css樣式所寫的位置,如html中文件,需要找到對應(yīng)的id,class或者是標(biāo)簽名,然后需要想好你要改的樣式,然后正確填寫就行了,請看代碼: #sub{ //通過id實現(xiàn) width:300px; height:30px; font-size:13px;//將id為sub的字
成都創(chuàng)新互聯(lián)專注于青山企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城建設(shè)。青山網(wǎng)站建設(shè)公司,為青山等地區(qū)提供建站服務(wù)。全流程按需定制,專業(yè)設(shè)計,全程項目跟蹤,成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
我們使用scoped實現(xiàn)組件的私有化,不對全局造成樣式污染,表示當(dāng)前style屬性只屬于當(dāng)前模塊.但我們難免會用到一些框架如element vant等,我們想要修改其中樣式時,如果使用了scoped,則需要深度選擇器來進行樣式的更改.
使用場景:
當(dāng)我們需要覆蓋element-ui中的樣式時只能通過深度作用選擇器
style為css時的寫法如下
有些像 Sass 之類的預(yù)處理器無法正確解析 。這種情況下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——兩者都是 的別名,同樣可以正常工作。
style使用css的預(yù)處理器(less, sass, scss)的寫法如下
第一種/deep/
第二種::v-deep
建議使用第二種方式,/deep/在某些時候會報錯,::v-deep更保險并且編譯速度更快.
CSS設(shè)置div邊框顏色寬度和高度步驟如下:
1、新建一個html文件,創(chuàng)建一個類名為wrap的div。
2、先通過css類選擇器選擇到div來控制div的寬度和高度和背景顏色(沒有邊框時方便看出來div的大小)。
3、通過div 的border屬性控制邊框顏色,設(shè)置border的寬度為2px,線型為實線,顏色為藍色。
4、這樣就可以設(shè)置div邊框顏色寬度和高度,如下圖:
擴展資料:
css border屬性:
border 簡寫屬性在一個聲明設(shè)置所有的邊框?qū)傩浴?/p>
可以按順序設(shè)置如下屬性:
border-width,border-style,border-color
如果不設(shè)置其中的某個值,也不會出問題,比如 border:solid #ff0000; 也是允許的。
今天小編要跟大家分享的文章是關(guān)于Web前端開發(fā)知識點之CSS的使用方式。本文章小編從與HTML的結(jié)合方式、CSS語法、選擇器以及盒子模型四個方面進行講解。下面來和小編一起看一看吧!
一、與HTML的結(jié)合方式
CSS與HTML的結(jié)合方式一共有三種,分別是:外部樣式、內(nèi)部樣式和內(nèi)聯(lián)樣式。
①外部樣式
當(dāng)樣式需要應(yīng)用于很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用標(biāo)簽鏈接到樣式表。標(biāo)簽在文檔的頭部:
_
或者可以像下面這樣在標(biāo)簽import一個樣式表,不過不建議使用。
___
@import"main.css";_
②內(nèi)部樣式
當(dāng)單個文檔需要特殊的樣式時,就應(yīng)該使用內(nèi)部樣式表。你可以使用標(biāo)簽在文檔頭部定義內(nèi)部樣式表,就像這樣:
_
___
_r_color:_ienna;}_
③內(nèi)聯(lián)樣式
要使用內(nèi)聯(lián)樣式,你需要在相關(guān)的標(biāo)簽內(nèi)使用樣式(style)屬性。
_
Thisisaparagraph
由于要將表現(xiàn)和內(nèi)容混雜在一起,內(nèi)聯(lián)樣式會損失掉樣式表的許多優(yōu)勢。請慎用這種方法,例如當(dāng)樣式僅需要在一個元素上應(yīng)用一次時。
二、CSS語法
CSS語法規(guī)則由兩個主要的部分構(gòu)成:選擇器,以及一條或多條聲明。
選擇器通常是您需要改變樣式的HTML元素。
每條聲明由一個屬性和一個值組成。兩條聲明之間被分號分開。
屬性是您希望設(shè)置的樣式屬性。每個屬性有一個值。屬性和值被冒號分開。
在下面這個例子中,h1是選擇器,color和font-size是屬性,red和14px是值。
三、選擇器
CSS的選擇器主要分為兩大類,一類基本選擇器;一類擴展選擇器。
①基本選擇器
基本選擇器包括id選擇器,元素選擇器和類選擇器。
id選擇器可以為標(biāo)有特定id的HTML元素指定特定的樣式。id選擇器以"#"來定義。例如下面代碼指定id為red的標(biāo)簽中文本為紅色。
#red{color:red;}
元素選擇器可以為相應(yīng)的HTML元素指定特定的樣式。元素選擇器前面沒有任何字符。例如下面代碼指定div標(biāo)簽中文本為紅色。
div{color:red;}
類選擇器可以為標(biāo)有特定class的HTML元素指定特定的樣式。類選擇器以一個點號顯示。例如下面代碼指定class為center的標(biāo)簽中文本居中對齊。
.center{text-align:center}
②擴展選擇器
擴展選擇器是在基本選擇器的基礎(chǔ)上擴展出來的,下面介紹幾種常見的。
*選擇器(*
{})可以為HTML的所有元素指定特定的樣式。例如下面代碼指定HTML頁面中所有文本為紅色。
*{color:red;}
并集選擇器(選擇器1,選擇器2{})可以為多個選擇器指定特定的樣式。例如下面代碼指定div和span兩種標(biāo)簽中文本為紅色。
div,span{color:red;}
子選擇器(選擇器1選擇器2{})可以為選擇器1中的選擇器2指定特定的樣式。例如下面代碼指定div中span標(biāo)簽文本為紅色。
divspan{color:red;}
父選擇器(選擇器1選擇器2{})可以為含有選擇器2的選擇器1指定特定的樣式。例如下面代碼指定含有span的div標(biāo)簽文本為紅色。
divspan{color:red;}
屬性選擇器(元素[屬性="屬性值"])可以為含有該屬性且屬性值等于該值的元素指定特定的樣式。其中,元素和屬性值可以省略。例如下面代碼指定align屬性等于center的div標(biāo)簽文本為紅色。
div[align="center"]{color:red;}
偽類選擇器(元素:狀態(tài){})可以為該元素處于該狀態(tài)時指定特定的樣式。例如下面的代碼指定鼠標(biāo)懸浮在超鏈接上時文本為紅色。
a:hover{color:red;}
四、盒子模型
所有HTML元素可以看作盒子,在CSS中,"box
model"這一術(shù)語是用來設(shè)計和布局時使用。
CSS盒模型本質(zhì)上是一個盒子,封裝周圍的HTML元素,它包括:邊距,邊框,填充,和實際內(nèi)容。
盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。
下面的圖片說明了盒子模型:
Margin(外邊距)-清除邊框外的區(qū)域,外邊距是透明的。
Border(邊框)-圍繞在內(nèi)邊距和內(nèi)容外的邊框。
Padding(內(nèi)邊距)-清除內(nèi)容周圍的區(qū)域,內(nèi)邊距是透明的。
Content(內(nèi)容)-盒子的內(nèi)容,顯示文本和圖像。
默認情況下,標(biāo)簽的width和height屬性指的是content(內(nèi)容)的寬和高,我們在設(shè)置邊框和邊距的時候一定要注意。如果想要讓width和height是最終盒子的大小,可以設(shè)置下面的代碼:
box-sizing:border-box;
以上就是小編今天為大家分享的關(guān)于Web前端開發(fā)知識點之CSS的使用方式的文章,希望本篇文章能夠?qū)φ趶氖聎eb前端工作和學(xué)習(xí)的小伙伴們有所幫助,想要了解更多web前端知識記得關(guān)注北大青鳥web培訓(xùn)官網(wǎng),最后祝愿小伙伴們工作順利,城市一名優(yōu)秀的web前端程序員。
文章來源:原創(chuàng)_緄墓適_
我明白你的意思,很簡單
想單獨定義,那么就把 table{...} 復(fù)制一份,然后改成table1{...}
在修改table1里面的樣式,就不會影響到其他的樣式了,改完后,調(diào)用這個table1的樣式就可以了。
如果不明白就給我發(fā)消息。
網(wǎng)站名稱:前端css修改深度樣式,前端css修改深度樣式的方法
本文網(wǎng)址:http://chinadenli.net/article16/dsdshdg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、面包屑導(dǎo)航、網(wǎng)站建設(shè)、微信公眾號、商城網(wǎng)站、定制開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)