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

代码如下:

无标题文档

p {

width:350px;

padding:20px;

border:1px dashed #ccc;

word-wrap: break-word;

line-height:1.8;

font-size:14px;

font-family:"微软雅黑", "宋体", Arial;

color:#666;

}

p span {

font-size:50px;

color:#09F;

float:left;

margin-right:20px;

}

太阳系 (Solar System)就是我们现在所在的恒星系统。它是以太阳为中心，和所有受到太阳引力约束的天体的集合体：8颗行星冥王星已被开除、至少165颗已知的卫星，和数以亿计的太阳系小天体。这些小天体包括小行星、柯伊伯带的天体、彗星和星际尘埃。广义上，太阳系的领域包括太阳、4颗像地球的内行星、由许多小岩石组成的小行星带、4颗充满气体的巨大外行星、充满冰冻小岩石、被称为柯伊伯带的第二个小天体区。在柯伊伯带之外还有黄道离散盘面、太阳圈和依然属于假设的奥尔特云。

=====================================

下面是效果图:

css 文字设置首字下沉,css里我设置的首字下沉被段落文字覆盖到了怎么办？相关推荐

缩进一个字符_Indesign里标点挤压及首行缩进2字符设置
在ID排版,一个汉字的标点符号是占一个全角即占一个汉字的格子.但因为标点符号的间距比较大,若这样进行排版,会特别影响版面的外观度,致使不好看,需要把标点符号与文字的间距缩小才行,这时需要用到标点挤压工 ...
css 首字下次,css first-letter实现首字(字母)下沉效果
css 首字下沉效果原理首字下沉主要使用到css的first-letter伪元素,然后配合使用font-size和float来设置文字的样式即可实现. first-letter选择器选取指定元素文本 ...
css入门教程网页首字下沉,CSS制作首字下沉_CSS Inline Layout Module, initial-letter, CSS3 教程_w3cplus...
在杂志排版中,常常能看到首字下沉的效果. 在Web的排版中,也常常能看到上图这样的效果.并且常常看到的是首段首字下沉.那么今天这篇文章咱们来聊聊如何使用CSS实现首字下沉效果. ::first-let ...
css缩2个字,css首行缩进2字符怎么设置?缩进的CSS代码是什么
本篇文章给大家带来的内容是关于css首行缩进2字符怎么设置?缩进的CSS代码是什么,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 1.首先应用缩进CSS属性:text-indent ...
li 字多出了省略号_文字溢出自动显示省略号css方法 -
文字样式(Text Style)是一组可随图形保存的文字设置的集合,这些设置可包括字体设置以及特殊效果等.文字样式在不同的软件环境下显示的方式也会不一样.下面就来分享一下html中如何让文字竖排?总结 ...
css html 字竖,CSS实现文字竖排 DIV CSS文字垂直竖列排版显示如何实现？
DIV CSS实现文字竖排排版显示兼容各大浏览器,让文字垂直竖列排版布局. 有时我们需要一段文字进行从上到下竖列排版,我们知道CSS样式中有一样式可以让其竖列排版,但所有浏览器不全兼容,逼不得已放弃. ...
php怎么设置文字环绕图片,CSS_CSS实现文字环绕图片效果，CSS实现文字环绕图片效果文 - phpStudy...
CSS实现文字环绕图片效果 CSS实现文字环绕图片效果文字环绕图片,在Word里只要click一下右键,调一下属性就可以了.但在HTML文档里就没有直接属性了.因此我们可以借助CSS来实现这一效果. ...
html中设置段落缩进2字符,css首行缩进2字符怎么设置？
在css中,我们可以使用text-indent属性来实现首行缩进效果,本篇文章就来带大家了解text-indent属性是怎样设置首行缩进样式的.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有 ...
html怎么编辑首行缩进,CSS如何设置首行缩进？
开发网页时,涉及到一段甚至多段文字的部分经常会把它设置为首行缩进 2 个字符,以优化页面,增强用户体验.那么这篇文章 W3Cschool 小编教你 CSS 如何设置首行缩进 . text-inde ...
设置字的间距php,css字间距布局之如何设置字间距？
本章给大家介绍css如何设置字间距,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 字间距在CSS布局时候使用比较少,但偶尔文本文字排版会用到,所以有必要了解并掌握css 字间距布局 ...

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

css 文字设置首字下沉,css里我设置的首字下沉被段落文字覆盖到了怎么办？相关推荐

最新文章

热门文章