文件管理 · 2022年7月27日

css入门教程网页首字下沉|如何用CSS制作首字下沉

A. css首字下沉

可以应用css伪类选择符 :first-letter它是定义元素所包含文本段的第一个字的样式如果你那个首字是定义到p里那就是p:first-letter{font-size:66px;float:left;line-height:normal;}

B. css里我设置的首字下沉被段落文字覆盖到了怎么办

你好!p:first-letter{float:left;/*设置段落p标签的首字为浮动,让其占据多行的空间*/font-weight:bold;/*加粗段落p标签的首字*/font-size:2em;/*设置段落p标签的首字为其他字体的2倍*/}p{clear:both;}/*清除首字的浮动,避免影响p标签的高度与其相叠加*/如有疑问,请追问。

C. CSS 如何让文章中第一段的第一个文字首字下沉而不是每一段落第一个字都下沉

<html> <head> <style type="text/css"> span { font-famiyl:黑体; font-size:32px; color: black; float:left; } </style> </head> <body><p><span>大</span>嵛山岛为闽东第一大岛,岛上风光旖旎,有天湖泛彩、蚁舟夕照、少滩奇纹、南国天山、海角晴空等胜景。在碧波万顷的东海之上镶嵌着大小两个湖泊,因而素有“海上天湖”之称。水明如镜,白鸥飞翔,构成一幅美好的海上画卷。2005年10月被中国国家地理杂志评为“中国最美的地方”中“最美的海岛”第八名。</p><p><span>福</span>建大嵛山岛,位于霞浦东北海域,距离三沙古镇港5海里,大嵛山岛是闽东最大的列岛,由大嵛山、小嵛山、鸳鸯岛、银屿等十一个大小岛屿组成,陆地面积28平方公里, 海岸线长30公里。嵛山又名俞山、盂山,亦名窑山、鹞山。俞、盂均为方言谐音, 又因昔时嵛山古木参天,岛上渔民兼营烧炭副业,天湖山下多古炭窑,故别称窑山。辖有五个行政村:马祖、芦竹、东角、鱼鸟和中灶。嵛山岛山场宽广、海域辽阔、气候宜人、景色秀丽。岛上有丰富的花岗岩、优质矿泉、草场资源等,海上盛产鳗鱼、带鱼、毛虾、虾苗、七星鱼和鳗鲡等多种海生物;自然景观有“南国天山“的天湖山万亩草场、绝顶之上具有神秘色彩的大小天湖、大使岙百倾金沙、鸟岛、红纪洞等;文物古迹有:大使宫、妈祖宫、天福寺,福瑶列岛的自然景观已被国家建设部确定为国家级太姥山风景区四大景观之一。</p> </body></html>

D. CSS首字母下沉怎么设置

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>css首字下沉效果</title><style type="text/css">p:first-letter { font-size:36px; float:left; color:#f60; padding:5px; font-family:"黑体"} </style></head><body><p>这个伪元素用于指定一个元素第一个字母的样式。所有前导标点符号应当与第一个字母一同应用该样式。某些语言有一些要处理为单个字符的字母组合,如果是这样,用户代理可能会把首字母同时应用到这个字母组合。<br/>在 CSS2.1 之前,:first-letter 只能与块级元素关联。CSS2.1 扩大了这个范围,可以与任何元素关联。可以应用到首字母的属性是有限的。<br /><br />具体使用方法请参考<a href="http://www.aa25.cn/css2/pseudo_ele_first-let680.shtml">first-letter</a> </p></body></html>文章出处:标准之路(http://www.aa25.cn/css_example/706.shtml)

E. css问题首字下沉

首字下沉不需要设置绝对位置。在首字加个行内标签,然后用插入内部样式(如下所设)就可以的。希望对你有所帮助。你好吗?

F. 如何用CSS制作首字下沉

段落首字下沉 单纯从前端角度,可以实现的方法

1、before伪元素实现

2、使用标签控制

段落首字下沉 方法分析

第一种方法果断舍弃,原因在于,数据明显是从后台传递的,那么此时我们不可能确定后台会传递什么数据。

具体内容请详见:CSS样式 | 段落首字下沉