在CSS布局中，通过设置首字的大小并向左浮动，从而使得首字与其他字符区别；通过右边距控制首字与其他字符的距离。
#first{font-size:3em;
font-weight:bold;
float:left;
margin-right:20px;
}
<p><span id="first">云</span>计算……</p>
通过伪类设置首字样式
Tips:You can change the code before run.
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/3414.html
目前支持HTML5的浏览器主要有： 谷歌浏览器（全面支持HTML5）、360浏览器、搜狗浏览器、世界之窗、Firefox、Safari、Opera、QQ浏览器、傲游浏览器、IE10。 如要下载支持HTML5的浏览器，请到官网下载！
正则表达式，用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。正则表达式经常被用于字段或任意字符串的校验。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。 正则表达式在线测试工具 regex101是一个非常不错的正则表达式在线测试工具，你可以直接在线测试你的正则表达式。 网页制作常用正则表达式 1 用户名正则 //用户名正则，4到…
建议你每天学习2到3课，然后花点时间来实验你所学到的新知识。 学习制作网站是件充满乐趣的事，而且一旦掌握它，你便会感到无比满足。好的，不多说，我们现在就开始吧！ 这第一课中，我们简要介绍制作网站所需的工具。 需要哪些工具？ “浏览器（browser）”你有了，它是用于浏览网站的程序。你现在就是通过浏览器在观看本页面的。 也许你听说过、甚至用过一些网页制作工具…
CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。联合使用定位与浮动（参见第13课），你将能够创建多种高级而精确的布局。本课我们将讨论以下内容： CSS定位的原理 绝对定位 相对定位 CSS定位的原理 把浏览器窗口想象成一个坐标系统： CSS定位的原理是：你可以将任何盒子（box）放置在坐标系统的任何位置上。 假设我们要放置一个标题。通过使用盒状模…
介绍了HTML5中新增的语义化标记article section aside hgroup header footer nav time mark figure figcaption，对各个标记给出解释和应用示例。
CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。介绍了CSS Sprites技术的实现方法，优点和缺点。最后通过实例CSS Sprites技术制作导航栏演示CSS Sprites的使用。 手把手，永哥教你学会css sprite（雪碧图）技术 CSS Sprites的原理：将小图片整合到一张大的图片上，根据具体图…
微信扫一扫 
支付宝扫一扫 
