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

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

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的原因分析

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

  1. html5的首行代码是什么,有关首行首字下沉的实现原理及代码

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

  2. css中设置首字下沉效果,CSS如何实现首字下沉效果?

    我们在开发 web 页面时,如果是涉及到文字段落的开发,需要对文字设置一些特殊样式以增强 web 页面美观,提升用户体验度.那么今天 w3cschool 小编来教大家 CSS 如何实现首字下沉效果. ...

  3. 2400字整理Python编码规范,肝了一晚上~

    2400字整理Python编码规范,肝了一晚上~ 对任何一门语言来说,学习编码规范都是第一要务,它制定了"游戏规则",约束了我们的行动,我们只有在这个规则内编码才能被正确执行.想要 ...

  4. 全国省市区数据库-拼音-首字母-经纬度-城市编码-邮编-简称-组合称

    全国省市区数据库-拼音-首字母-经纬度-城市编码-邮编-简称-组合称 全国省市区数据库-拼音-首字母-经纬度-城市编码-邮编-简称-组合称 MySql转储文件,Excel数据文档 全国省市区数据库-拼 ...

  5. 输入的字与系统编码不符_基于小字符集藏文拉丁转写系统的设计与实现

    基于小字符集藏文拉丁转写系统的设计与实现 陈小莹1,艾金勇2 (1.西藏民族大学 信息工程学院,陕西 咸阳 712082:2.西藏民族大学图书馆,陕西 咸阳 712082) 摘 要:随着藏语语言信息技 ...

  6. mysl首字的首字母、字符串的各个字符首字母、字符串所有拼音查询(超详细)

    mysl首字的首字母.字符串的各个字符首字母.字符串所有拼音查询 1.创建查询测试数据库表 2.向数据库表添加测试信息 3.sql根据首字的首字母查询 4.sql根据字符串的各个字符首字母查询 5.s ...

  7. java取字符串首字母_java 获取中文字符的首字母

    原理: GB2312编码中的中文是按照拼音排序的 注意: 一些生僻的字无法获得正确的首字母,原因是这些字都是后加入的. import java.io.UnsupportedEncodingExcept ...

  8. php判断汉子首字母的函数,php获取汉字首字母的函数

    本文介绍用php实现汉字转化为首字母的方法,主要功能是:功能明确,易于修改维护和扩展: 英文的字串:不变返回(包括数字):中文字符串:返回拼音首字符: 中英混合串: 返回拼音首字符和英文. 网上的方法 ...

  9. [微软拼音小技巧] 如何用Unicode输入生僻字

    大家好,我是钱力强,微软拼音输入法的软件工程师.微软拼音有很多很好的功能,长期不为广大用户所了解.在有些时候,这些功能可能真的能够解决你的难题. 日前有新闻报道"山东两百村民因电脑不认生僻字 ...

最新文章

  1. 如何优化你的网站快速提高流量
  2. mysql 定时计划_MYSQL定时任务
  3. Linux 文件系统结构介绍
  4. truncate table
  5. Git完整入门教程(从0开始)
  6. input上传图片;input上传file;vue上传图片。
  7. 孙悟空谈即时通讯有多神通广大
  8. 查看一个数是不是2的n次方
  9. [算法导论] 邮递员问题
  10. Unable to start EmbeddedWebApplicationContext due to missing EmbeddedServletCont
  11. H5端关于img居中的一个兼容性bug
  12. Eclipse快捷方式无法在桌面上打开
  13. CSFB和SRVCC
  14. 孩子学习arduino好还是单片机好
  15. offsetX,offsetLeft,offsetWidth的区别详解
  16. 数据挖掘常用算法总结
  17. 关于println()和print()的区别
  18. 解析:百度算法之细雨算法2.0
  19. java身体指数计算判定BMI
  20. 惠普83752B高功率合成扫频器,20 GHz

热门文章

  1. 小说更新太慢怎么办_小说:圣墟(挺好看的一部小说,现在更新非常慢)
  2. LeetCode#2379. 得到 K 个黑块的最少涂色次数
  3. Imagination推最强多核GPU系列!AI算力达24 TOPS,支持自动驾驶和数据中心
  4. java河南口腔医疗机构线上服务系统计算机毕业设计MyBatis+系统+LW文档+源码+调试部署
  5. springboot是如何实现配置文件自动加载的呢
  6. html 点击选择变色,css实现选中后变色并且效果不消失
  7. 安卓备份文件提取 .bak文件解包 abe.jar
  8. 均方根(rms),标准差(std),平均绝对误差(mae),方差(var/std*std)计算与数学意义
  9. Ubuntu14.04下配置并使用MTK flash tool
  10. java面条对折问题