HTML首字下沉的编码,CSS_有关首行首字下沉的实现原理及代码，下面是两个个小技巧，一个是 - phpStudy...

有关首行首字下沉的实现原理及代码

下面是两个个小技巧，一个是很多报刊中的首字下沉，其实很简单，原理就是在样式中添加后缀即可。还有一个是对第一行文字进行单独样式。给这段标签添加后缀即可。这两个小技巧分别都兼容低版本。非常实用的小技巧哟。下面是一段小例子。

css代码：

复制代码代码如下:

.dyfirst,.dyfirst2,.dyfirst3 {

    width:300px;

    border:1px solid #ddd;

    padding:5px;

    font-size:12px;

    margin:5px 0;

}

.dyfirst:first-line {

    color:red;

}

.dyfirst:first-letter {

    font-size:350%;

    font-weight:bold;

    color:#000;

    float:left;

}

.dyfirst2:first-line {

    letter-spacing:-2px;

}

.dyfirst3{

    text-indent:2em;

}

html代码：

复制代码代码如下:

CSS首字下沉

2 some sinking and discoloration2 some sinking and discoloration2 some sinking and discoloration2 some sinking and discoloration

首字下沉及第一行变色首字下沉及第一行变色首字下沉及第一行变色首字下沉及第一行变色首字下沉及第一行变色首字下沉及第一行变色

首行缩进，距离更紧密的.首行缩进，距离更紧密的首行缩进，距离更紧密的首行缩进，距离更紧密的首行缩进，距离更紧密的首行缩进，距离更紧密的

段落首行空两格的。段落首行空两格的。段落首行空两格的。段落首行空两格的。段落首行空两格的。段落首行空两格的。段落首行空两格的。

相关阅读:

win10磁盘有时候使用率会自己飙到100%的解决方法

mysql 将字段time按天/月/年分组

android获取时间差的方法

HTML DIV+CSS制作通栏实例

C#读取二进制文件方法分析

HTML5之SVG 2D入门8—文档结构及相关元素总结

PHP $_FILES中error返回值详解

通过隐藏iframe实现文件下载的js方法介绍

js取整数、取余数的方法

Win10 Mobile预览版10581：QQ、微信发图片仍不完善

node.js WEB开发中图片验证码的实现方法

PHP输出XML到页面的3种方法详解

JavaScript和JQuery的鼠标mouse事件冒泡处理

vc提示unexpected end of file found的原因分析