如何使用CSS樣式中給前三行字型著色

時間 2021-09-06 20:14:11

1樓:從前有個

在css裡面用:nth-child()這個偽類就可以做到了,例如對於一個列表

設定前三個li的文字顏色為紅色

css裡面就可以這樣寫:

.list :nth-child(1),.list :nth-child(2),.list :nth-child(3)

當然,這是一個css3的語法,所以對於ie9以下的瀏覽器,還需要加入一個js,用類似下面的寫法就行了:

其中selectivizr.js這個js可以在網上很容易找到的,js檔案也很小,專門解決nth-child之類偽類在ie早期瀏覽器下不相容的問題的

2樓:

讓前三條新聞實現紅色單純做css的話很容易,寫個.red類就可以,然後賦給3條新聞。

但是一般在做**中,呼叫新聞一般是用程式讀取資料庫直接迴圈出來的。

在程式中加上以下內容一般即可解決

i=1;

i++;

if i <= 3 then

listyle=" class='red' "

end if

然後在即可,不同語音你不同用法,但是大概是相通的。

3樓:

給前三條新聞加上同樣的class ,然後再css樣式表中定義該class為紅色。

4樓:匿名使用者

頁面顯示的怎麼樣是根據css設定來判定的,而設定什麼css還得看你怎麼給標籤或者層賦值,根據時間來判斷著色?這個可不是css的範疇,你只需要給你所想到達到的效果設定一下樣式,具體的效果實現你就交給後臺程式設計師去做吧,他們會根據你的要求來調取樣式的

css中font字型顏色怎麼設定

5樓:搜虎哈哈

css中font字型的設定方法如下:

1.在css頁面中,設定字型的顏色通過下面的**:

2.字型的color值,一般都是使用#加16進位制的顏色值來表示。也有一些編譯器支援直接使用顏色的英文單詞來表示。如下圖:

3.color是顏色的意思,color用來設定一個標籤的前景色,表現出來也就是元素文字的顏色。css還可以設定字型的其他屬性,如font-familay可以設定字型的型別,font-size可以設定字型的大小等。

6樓:匿名使用者

方法一、直接使用font標籤:123

方法二、使

用p標籤123

方法三、使用span標籤

最後,方法2、3上面,都可以將內聯style改為class引用樣式的方式,如下:

7樓:鍾振森

:一、使用css設定html字型顏色方法有兩種,一種是標籤內css、一種是外部css。

1、基本知識介紹

使用外部css,可以將css**單獨放到css檔案裡使用html link引入css(html引人css),也可以在html使用

2、div+css例項演示

這裡實踐兩種方法來實現html字型顏色設定,一種標籤內使用css,另外一種使用style標籤實現字型顏色設定。

我字型是紅色

我字型是藍色

3、例項完整html 源**

我字型是紅色

我字型是藍色

分別使用

2、html**:

我字型是紅色

我字型是藍色

三、html超連結a字型顏色設定

1、完整div+css html**如下

測試內容我是統一設定的顏色藍色divcss5

我在div物件內,超連結顏色為我是超連結綠色

超連結為藍色的字型是html統一設定的,而綠色的為單獨設定的超連結字型顏色。

2、超連結字型顏色例項截圖

8樓:匿名使用者

font-size:12px;  設定字型大小font-family:arial, helvetica, sans-serif;  設定字型

font-weight:bold; 設定字型加粗color:red; 設定字型顏色

div+css怎麼顯示兩行或三行文字,然

9樓:言言言小魚

多行文字顯示省略

號方法:

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3; //文字行數overflow: hidden;

適用範圍:

因使用了webkit的css擴充套件屬性,該方法適用於版webkit瀏覽器及移動權端。

10樓:god_like哈兒

jq用字串擷取substr();

html和css樣式問題,請問我如何讓一行字中的某幾個字改變它的樣式?

11樓:匿名使用者

方法一:我很好請放心

方法二:我很好請放心

12樓:匿名使用者

我很好請放心

13樓:縱恆諾珍

//先獲取dom節點

vara

=document.getelementbyid('id')a.style.color="red";

//改變顏色

a.innerhtml='修改內容';

//修改內容

//還可以動態的新增css來改變css樣式a.classname='class名';

14樓:六仙康初

方法一:我很好請放心

方法二:我很好請放心

div+css怎麼顯示兩行或三行文字,然後多出的部分省略號代替??

15樓:

如果想要在一行裡實現“超出長度顯示省略號”,是可以的。

overflow: hidden;white-space: nowrap;text-overflow:ellipsis;

這幾句css就可以,不要加上去的容器一定要寫了寬度的注意:這裡實現的是“超出長度”,而不是“超出字數”,並且在一行裡實現。

如果是兩行或者三行的容器,想要純用css實現這個方法,是沒辦法做到的。

可以提供兩種方法,一是用程式輸出時截字,二是用js判斷字數擷取。

js的demo如下:

16樓:荒野牧羊之殤

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;

17樓:屁屁啊哈

各位所說的都是css的排版方式,通常不會關心內容字元的多少,只在內容超出容器大小的時候隱藏而已,更不會好心加上省略號。

lz所說的問題:1、可以用簡單的js方法做到,在頁面裡判斷字串s長度,當超過某個值max時,取s的長max的子串,並在後面合併字串"..."即可,這樣比較方便靈活。

2、在內容未傳到客戶端之前,即對該內容做上述擷取長度的處理,那麼客戶端得到的就是***x.....。這種做法一勞永逸,但是該頁面還要用完整內容的話,則只能再傳一遍啦。

18樓:陸舒傑

這個可以用列表來實現

文字...

文字...<

文字...<

19樓:匿名使用者

在樣式表中加入:overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */

text-overflow:ellipsis;/* 當物件內文字溢位時顯示省略標記(...) ;需與overflow:hidden;一起使用

20樓:貪戀邇的香吻

最簡單的方法就是:

字字字...

字字字...<

字字字...<

21樓:〇輪佪

css的樣式 text-overflow: ellipsis; -o-text-overflow: ellipsis;

相容性不強

22樓:遲暮丶

多行文字超出部分顯示省略號,是可以用 css 解決的

display: -webkit-box;    //將物件作為彈性伸縮盒子模型顯示

-webkit-box-orient: vertical;    //設定或檢索伸縮盒物件的子元素的排列方式

-webkit-line-clamp: 3;    //用來限制在一個塊元素顯示的文字的行數

overflow: hidden;

不過這個用了 webkit 的css 擴充套件屬性,相容性方面,只能適用於 webkit核心瀏覽器 和 移動端了。

其它核心的瀏覽器想做相容的話,可以在 偽類元素 上 考慮下,藉助 after 或者 before 定位到盒子的右下角(注意盒子文字內容的行高和內邊距),內容新增 省略號(content:'...';),如果文字內容 有 英文或者數字混合的話,可以考慮加一點 透明的背景過渡,做一點修飾效果。

23樓:德魯大叔

要是是迴圈出來的資料怎搞?多條資料 id只能一個。。。。。。。

css樣式中a visited a active 能幫我解釋

你的意思應該是 多個a標籤需要使用不同的 動態樣式是吧 第一種 給a標籤一個id或者class,然後在css裡給id或class使用偽類 或者css link active visited hover 不同的a,給一個不同的id或者class,這樣就可以不一樣了,如果有部分是一樣的,那麼就使用相同的...

CSS樣式在網頁製作中的作用,CSS樣式在網頁製作中的作用

用於網頁佈局 使網頁更美觀 是網頁製作必不可少的 老式的採用 形式的網頁製作方式已經被淘汰了,現在網路上的各大 基本全部採用div css的表現形式了。css樣式可以很方便的控制網頁表現,比如配色,佈局等。形式的網頁已淘汰!付費內容限時免費檢視 回答您好。我是綿綿很高興為您服務,您的問題我已收到,看...

html中為什麼有的css樣式在樣式表裡不起作用

依然特雷西 html中,有的css樣式在樣式表裡不起作用是設定錯誤造成的,解決方法為 1 在如圖網頁中,我們可以看到style中的樣式列表,以及所展示的效果圖。2 將style中的全部css樣式選中,然後複製或者剪下。3 然後ctrl n新建一個css樣式檔案,如圖所示,然後建立。4 在建立的css...