第二章 第一課 內容處理 插入文字

2022-07-22 07:06:12 字數 844 閱讀 2623

平時部落格等經常會有文章摘要,將文字截斷後直接使用省略號表示文章還沒有結束,如下所示:

在人際關係中,良好的第一印象是非常重要的,人們願意在彼此身上尋求信任與誠實,並期望在接下來的經歷中重現和增強這些好感。同樣的道理也體現在移動應用或網際網路產品中。在打造良好的品牌信譽及其與終端使用者之間持......

在過去我們可以通過後端伺服器程式擷取或js擷取文字後加入省略號即可。現在,我們的css3.0可以使用實現了!

content屬性:

如果我們想往段落p標籤內部追加省略號只需要如下方式定義樣式即可:

p:after

當然我們也可以追加任何文字:

p:after

既然css3可以追加內容after,那麼css3也為我們提供了前置內容的方法before:

p:before

如果我們使用標籤選擇器定義了所有的p,但是又有需求要求某乙個p且id為box的元素不准自動追加或前置內容,那麼我們就可以對content屬性制定none值(none值只能用於before和after這兩種選擇器)或normal(任何選擇器都沒問題)值即可:

#box:before

總結:content屬性主要通過偽類選擇器:before和:after來指定位置;

content屬性的值可以為任何內容;

當content屬性的值為none,則表示不插入任何內容;

【原有的文字】

【原有的文字】

【原有的文字,這個將演示省略號】

【原有的文字】

程式設計師職場第一課第二章(1 1)

緒論 你為公司全力以赴的必要條件 公司中只要有一位摯友。朋友讓我們受益無窮。自己 朋友 同事 沒關係 第一層 朋友定義 長時間的合作,讓我們彼此了解,並在職場上由著共同的目標。無論意見是否相同,我們都願意彼此分享觀點,或在爭論中提高,或在默契中深感欣慰。第二層 同事 定義 在工作中交往的或在同乙個公...

第二週第一課緒論

資料結構,是描述客觀事物的數和字元的集合。資料結構包括 1 資料的邏輯結構 2 資料的儲存結構。資料結構是一門討論 描述現實世界實體的數學模型及其之上的運算在計算機中如何表示和實現 的學科,就像在軟體開發中提煉出其中的乙個個資料結構,並加以好的設計,不僅可以提高開發效率,而且會提高軟體的可靠性。首先...

第二週第一課緒論

what 總覽資料結構,資料結構是什麼,演算法描述及演算法分析基礎,以及各種其他特殊情況的演算法分析。why 經過了緒論的學習是為了更好地學習接下來地內容,我們知道了資料結構中的邏輯結構,儲存結構,資料運算。讓我們知道了邏輯結構的各種型別。經過小組的互相討論和學習懂得了集合,線性結構,屬性結構,圖形...