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...