使用伪元素first-letter让文字首字母大写

作者: 你说你很爱她却没有给她一个家 | 来源:发表于2019-06-17 18:11 被阅读0次

2019-6-17 18:07:08

未实践

P {

font-size: 12px;

line-height: 1.2;

width:250px;

}

P::first-letter {

font-size: 224%;

margin-top: -5px; font-weight: bold;

float:left;

}

SPAN {

text-transform: uppercase

}

<P><SPAN>The first</SPAN> few words of an article

in The Economist.The first few words of an article

in The Economist.</P>

使用伪元素first-letter让文字首字母大写
2019-6-17 18:07:08 未实践 P { font-size: 12px; line-height: ...
CSS3伪元素、伪类选择器
伪元素选择器： ::first-letter:为某个元素中的文字的首字母或第一个字使用样式。 ::first-li...
使用伪元素first-letter使文字首字母大写
CSS基础之伪类伪元素&样式优先权
伪类&伪元素首字样式控制 —— 使用伪元素::first-letter 首行样式控制 —— 使用伪元素::fir...
CSS伪元素选择器总结
伪元素主要有以下六个： :：first-line :：first-letter :：after :：before ...
伪元素的获取
::first-letter特殊样式加到首字母 ::first-line特殊样式加到第一行 ::before在元素...
伪元素
Time: 20200131 用于向某些选择器添加特殊效果。伪元素的类型 :first-letter :firs...
样式化文本
本文章记于2021.04.22 1.伪元素 ::first-letter (选中元素文本的第一个字母), ::fi...
CSS开发技巧(值得收藏)
1. 每个单词的首字母大写要点：通过 text-transform 调正文字场景：每个单词的首字母大写，摆脱一...
其他选择器
·伪元素选择器 ::first-letter{color:red;} 选中第一个字母 ::first-line{c...