跟高老師學(xué)習(xí)Web前端之34.

雨后

? ? ? ? 終于有嚴(yán)冬的感覺了,長靴、厚外套、毛手套全副武裝依然擋不住寒流,走在外面,忍不住想要縮脖子,冷啊!不過寒風(fēng)中,見得最多的依然是那些身著黃色工裝的環(huán)衛(wèi)工人。他們大多是受雇于第三方勞務(wù)公司,薪水微薄,勞動(dòng)作業(yè)大,還多是一些迫于生計(jì)的中老年人,寒風(fēng)中、雨雪中,掃垃圾、撿紙片、撿煙頭,更有一些需要在快速通道作業(yè)的環(huán)衛(wèi)工,勞動(dòng)強(qiáng)度大,危險(xiǎn)系數(shù)高。我不想宣揚(yáng)什么道德口號(hào),只是覺得我們應(yīng)盡尊重每一個(gè)人的付出,當(dāng)我們可以下班和家人吃飯聊天的時(shí)候,他們也可以同樣擁有。一切,從自身做起吧!

? ? ? ? 今天我學(xué)習(xí)了文本的text-indent屬性,即首行縮進(jìn)屬性。

? ? ? ? 文本的text-indent屬性適用于塊級(jí)元素中的文本,而內(nèi)聯(lián)元素不適用,因此<p>標(biāo)簽中的文本可以實(shí)現(xiàn)首行縮進(jìn),而<span>標(biāo)簽則不行。因?yàn)?lt;p>標(biāo)簽為塊級(jí)元素,而<span>標(biāo)簽為內(nèi)聯(lián)元素。

代碼書寫
頁面展示

? ? ? ? 當(dāng)內(nèi)聯(lián)元素想要實(shí)現(xiàn)文本的縮進(jìn)功能時(shí),則必須先成為塊級(jí)元素,才能發(fā)揮塊級(jí)元素的作用:display:block或者inline-block(元素的顯示方式),方可實(shí)現(xiàn)首行縮進(jìn)功能。同時(shí)文本的縮進(jìn)只在首行,其他行不受影響。內(nèi)聯(lián)元素的縮進(jìn)值可以使用**px,也可以用百分比表示。

代碼書寫
頁面展示

? ? ? ?以上為今天所學(xué)內(nèi)容,晚安!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,784評(píng)論 1 92
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,593評(píng)論 32 459
  • 1.塊級(jí)元素和行內(nèi)元素 塊級(jí)(block-level)元素;行內(nèi)(內(nèi)聯(lián)、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,036評(píng)論 1 4
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表,主要用...
    寥寥十一閱讀 1,865評(píng)論 0 6
  • 本課來自http://www.imooc.com/learn/9請(qǐng)不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,295評(píng)論 0 5