css中first-letter是什麼
說明
1、first-letter相當於我們有一個元素把內容裡面的第一個字母給括了起來。
2、first-letter是可以任意宣告各種不同的屬性的,但是我們是無法改變它的content的。
我們應該都看到過報紙上的第一個字母會比較大,然後會遊離出來的效果,這個在 CSS 裡面我們就可以用 ::first-letter的偽元素選擇器了。使用這個來實現相比用 JavaScript 來實現就會更加穩定和程式碼更加優雅一些。
例項
<div> <::first-letter>c</::first-letter>ontent content content content content content content content content content content content content content content content </div>
以上就是css中first-letter的介紹,希望對大家有所幫助。更多css學習指路:
本文教程操作環境:windows7系統、css3版,DELL G3電腦。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/3402/viewspace-2828422/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- CSS E::first-letterCSS
- css中sticky屬性是什麼CSS
- ::first-letter有什麼應用場景?
- CSS 元素溢位是什麼?CSS
- css--BFC是什麼,有什麼用,怎麼用?CSS
- [譯] 什麼是模組化 CSS?CSS
- solid在css中什麼意思SolidCSS
- 什麼是hack?css的hack有哪些?CSS
- CSS偽類選擇器是什麼CSS
- java 中/**是什麼Java
- CSS中的calc()有什麼作用?CSS
- css的三種常用寫法是什麼CSS
- 什麼是Linux?Linux中dev指什麼?Linuxdev
- Linux中什麼是inode?有什麼作用?Linux
- js 中~~是什麼意思?JS
- Linux 中boost是什麼?Linux
- Linux中什麼是Rsync?Linux
- TypeScript 中 as const 是什麼TypeScript
- python中loc是什麼Python
- java中RMI是什麼Java
- mysql中是什麼意思?MySql
- java中@Inherited是什麼?Java
- java中@Retention是什麼?Java
- javascript中null是什麼JavaScriptNull
- SQL中UNPIVOT是什麼SQL
- CSS 很容易,那為什麼大家還是把 CSS 寫的那麼爛呢?CSS
- 十四、css3動畫庫的使用、css3彈性盒子、calc()、css3預處理、什麼是less以及好處是什麼。CSSS3動畫
- JQuery中$(document)是什麼意思有什麼作用jQuery
- Linux中gpgcheck是什麼意思?作用是什麼?LinuxGC
- 什麼是shell?Linux中shell有什麼用途?Linux
- Linux中公有云是什麼?有什麼作用?Linux
- Python中什麼是閉包?閉包的好處是什麼?Python
- 什麼是股市中成功波段操作四大技巧是什麼??
- javascript中閉包是什麼JavaScript
- MYSQL中的COLLATE是什麼?MySql
- [譯] JavaScript中的“this”是什麼?JavaScript
- 什麼是Scrum中的3355Scrum
- 在Linux中,LVM是什麼?LinuxLVM