首字下沉

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>首字下沉</title>
<style type="text/css">
/******首字下沉方法一*   每个段落的首字下沉*  老方法****
p::first-letter{
    color:#333;
    float:left;
    font-size:2em;
    margin:0 .2em 0 0
    }
*/
/***************首字下沉方法二   第一个段落的首字下沉*老方法******
p:first-child::first-letter{
    color:#333;
    float:left;
    font-size:3em;
    margin:0 .2emm 0 0;
    }
*/    

/**************首字下沉方法三   新方法**浏览器暂不支持***********/

    p::first-letter {
    initial-letter: 3;
}
</style>
</head>

<body>
    <p>
        I want  to djdjdj ksdksodsd mjsdjs ksdkos kskdk ksdksk wpwp[eriuibmv sureowb sjdopwen srpp;sdrn kiwsie v,aiure
    </p>
    <p>
    花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。
    </p>
    <p>
    花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品。
    </p>

</body>
</html>
时间: 2024-10-19 23:39:26

首字下沉的相关文章

CSS-first-letter实现首字下沉

在完成百度IFE任务6时,有一个需要段落中首字下沉的任务,如图: html代码为: <div class="ins">     <p>段落内容...</p> </div> css代码为: .ins:first-letter { font-size: 70px; color: #F5E327; font-family: "微软雅黑"; float:left;              /*关键属性*/ line-heig

$\LaTeX$笔记:首字下沉

$\LaTeX$系列根目录: Latex学习笔记-序 首字下沉 \IEEEPARstart{W}{ith} ,第一个参数W会变大,占用两行,第二个参数”ith”变会大写. 如代码 \IEEEPARstart{T}{his} demo file is intended to serve as a ``starter file'' for IEEE journal papers produced under \LaTeX\ using IEEEtran.cls version 1.8 and lat

外边距图片首字母下沉

<p class="p1"><span class="picdrop">m<span></span></span> arginal Graphic Dropcap(外边距首字母下沉).字母M被一个下沉图片覆盖了. 读屏器阅读文本,可视用户则看到图片. 如果流浪器不能显示下沉图片,文本就会显示出来. </p> .p1{ position: relative; margin-left: 120px;

css系列-段落首字符下沉、缩进及特殊显示

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="

汉字首字首拼转换为英文字母

PHP网站,我们经常会遇到按照汉字的首拼排序,如城市,如分类等,那么我们就需要把首字首拼转换为英文字母,下面的函数就可以帮我们实现: function getFristchar($str) { if(empty($str)){return '';} $fchar=ord($str{0}); if($fchar>=ord('A')&&$fchar<=ord('z')) return strtoupper($str{0}); //ord()返回ASC码 $s1=iconv('UTF

asp.net汉字转拼音和获取汉字首字

http://www.readnovel.com/novel/52620/3508.htmlhttp://www.readnovel.com/novel/52620/3509.htmlhttp://www.readnovel.com/novel/52620/3510.htmlhttp://www.readnovel.com/novel/52620/3511.htmlhttp://www.readnovel.com/novel/52620/3512.htmlhttp://www.readnovel

CSS文本

首行缩进 text-indent:0(默认值) text-indent:具体值(可以为负值) text-indent:x%(相对于包含块的宽度) text-indent:2em(2个汉字的字体大小) [注意]text-indent只可用于块级元素,且可继承 [实例1]悬挂缩进 <style> div{ width: 200px; border: 1px solid black; text-indent: -1em; padding-left: 1em; } </style> <

CSS3 选择器——伪类选择器

前面花了两节内容分别在<CSS3选择器--基本选择器>和<CSS3选择器--属性选择器>介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分--伪类选择器.伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法,最后把重心放到CSS3新增加的":nth-child"选择

RichEdit 各个版本介绍

RichEdit是开发中经常使用到的控件,其版本自1.0起,历经好几年,好几次的更新,在此引用一篇介绍RichEdit版本的博文(http://blogs.msdn.com/b/murrays/archive/2006/10/14/richedit-versions.aspx),留个爪印记录下,以备查看. Version Ships ('ed) with dll name 1.0 Windows 95/98/ME/NT riched32.dll 1.0 Exchange 4.0 for Wind