CSS設定首字放大

2021-07-16 00:11:31 字數 1682 閱讀 3020

css設定首字放大

在很多的文章中,都有乙個首字放大的效果,在css中同樣可以實現該效果。

css中通過對第乙個字,進行單獨的設定從而實現該效果。

中秋節是遠古天象崇拜——敬月習俗的遺痕。據《周禮.春官》記載,周代已有「中秋夜迎寒」、「中秋獻良裘」、「中秋夕月(拜月)」的活動;漢代,又在中秋或立秋之日敬老、養老,賜以雄粗餅。晉時亦有中秋賞月之舉,不過不太普遍;直到唐代將中秋與嫦娥奔月、吳剛伐桂、玉兔搗藥、楊貴妃變月神、唐明皇遊月宮等神話故事結合起,使之充滿浪漫色彩,玩月之風方才大興。

北宋,正式定八月十五為中秋節,並出現「小餅如嚼月,中有酥如飴」的節令食品。孟元老《東京夢華錄》說:「中秋夜,貴家結飾台榭,民間爭占酒樓玩月」;而且「弦重鼎沸,近內延居民,深夜逢聞笙語之聲,宛如雲外。間裡兒童,連宵婚戲;夜市駢闐,至於通曉。」吳自牧《夢梁錄》說「此際金風薦爽,玉露生涼,丹桂香飄,銀蟾光滿。王孫公子,富家巨室,莫不登危樓,臨軒玩月,或開廣榭,玳筳羅列,琴瑟鏗鏘,酌酒高歌,以卜竟夕之歡。」

**如上,主要是通過float與對首字下沉進行控制,並且用標記,對首字設定單獨的樣式,從而到達突出顯示的目的。

在css中還可以通過設定偽類別first-letter,來控制段落的第乙個字母,也可以實現首字放大的效果,將如上**的pspan改為p:first-letter。

中秋節是遠古天象崇拜——敬月習俗的遺痕。據《周禮.春官》記載,周代已有「中秋夜迎寒」、「中秋獻良裘」、「中秋夕月(拜月)」的活動;漢代,又在中秋或立秋之日敬老、養老,賜以雄粗餅。晉時亦有中秋賞月之舉,不過不太普遍;直到唐代將中秋與嫦娥奔月、吳剛伐桂、玉兔搗藥、楊貴妃變月神、唐明皇遊月宮等神話故事結合起,使之充滿浪漫色彩,玩月之風方才大興。

北宋,正式定八月十五為中秋節,並出現「小餅如嚼月,中有酥如飴」的節令食品。孟元老《東京夢華錄》說:「中秋夜,貴家結飾台榭,民間爭占酒樓玩月」;而且「弦重鼎沸,近內延居民,深夜逢聞笙語之聲,宛如雲外。間裡兒童,連宵婚戲;夜市駢闐,至於通曉。」吳自牧《夢梁錄》說「此際金風薦爽,玉露生涼,丹桂香飄,銀蟾光滿。王孫公子,富家巨室,莫不登危樓,臨軒玩月,或開廣榭,玳筳羅列,琴瑟鏗鏘,酌酒高歌,以卜竟夕之歡。」

但是,設定了該屬性的文字對一些其他的css樣式支援得不好,所以,不推薦使用這種方法。

除了first-letter之外,偽類別first-line可以設定元素內第一行的樣式風格,給如上**新增一行**。

中秋節是遠古天象崇拜——敬月習俗的遺痕。據《周禮.春官》記載,周代已有「中秋夜迎寒」、「中秋獻良裘」、「中秋夕月(拜月)」的活動;漢代,又在中秋或立秋之日敬老、養老,賜以雄粗餅。晉時亦有中秋賞月之舉,不過不太普遍;直到唐代將中秋與嫦娥奔月、吳剛伐桂、玉兔搗藥、楊貴妃變月神、唐明皇遊月宮等神話故事結合起,使之充滿浪漫色彩,玩月之風方才大興。

北宋,正式定八月十五為中秋節,並出現「小餅如嚼月,中有酥如飴」的節令食品。孟元老《東京夢華錄》說:「中秋夜,貴家結飾台榭,民間爭占酒樓玩月」;而且「弦重鼎沸,近內延居民,深夜逢聞笙語之聲,宛如雲外。間裡兒童,連宵婚戲;夜市駢闐,至於通曉。」吳自牧《夢梁錄》說「此際金風薦爽,玉露生涼,丹桂香飄,銀蟾光滿。王孫公子,富家巨室,莫不登危樓,臨軒玩月,或開廣榭,玳筳羅列,琴瑟鏗鏘,酌酒高歌,以卜竟夕之歡。」

可以看到,各個段落的第一行文字都加上了下劃線,此外,css屬性中偽類別的具體使用方法還有很多。

css3放大效果

webkit transition 0.5s all 適用safari 和 chrome相容 moz transition 0.5s all 適用firefox相容 ms transition 0.5s all 適用ie9相容 o transition 0.5s all opera transiti...

Altium 怎麼設定滑鼠滾輪放大縮小

altium安裝後,要對原理圖或者pcb進行放大或者縮小,預設是ctrl鍵 滑鼠滾輪,但可以設定成只有滑鼠滾輪進行放大縮小,如下 1 在原理 件中,將 輸入法切換 到英文輸入法,點依次點鍵盤t p鍵,出現引數選擇對話方塊,選擇schematic這一欄,繼續選擇mouse wheel configur...

用CSS3實現放大效果

任務描述 本關任務 用css3放大效果。效果如下 相關知識 為了完成本關任務,你需要掌握 1.transform屬性,2.transition屬性。transform屬性 下面是基本的html結構,效果如下 現在需要基於中心放大1.2倍。效果如下 該如何實現呢?咱們先實現放大1.2倍,用到了 tra...