在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
JS实现的checkbox开关效果，可单个打开开关，也可一次关闭所有或打开所有开关。 <html> <head lang="en"> <meta charset="UTF-8"> <title>JS实现开关效果，可单选和组选|www.125jz.com</title…
css sprite又称雪碧图或css精灵。 雪碧图就是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。 雪碧图被运用在众多使用了很多小图标的网站上。相对于把每张小图标以.png格式文件的形式引用到页面上，使用雪碧图只需要引用一张图片，对内存和带宽更加友好。 css sprite优点： 有效减少网站的http请求数量，加…
刚接触响应式布局的童鞋会感觉响应式布局很高大上，很难，但实际上只用CSS就能实现响应式布局。今天中国网页设计通过一个响应式布局实例，手把手教你如何制作响应式网页。 响应式布局（Responsive Layout） 响应式布局分别为不同的屏幕分辨率定义布局，同时，在每个布局中，应用流式布局的理念，即页面元素宽度随着窗口调整而自动适配。 响应式布局实例 当窗口大…
HTML 音频 在 HTML 中播放音频并不容易！您需要谙熟大量技巧，以确保您的音频文件在所有浏览器中（Internet Explorer, Chrome, Firefox, Safari, Opera）和所有硬件上（PC, Mac , iPad, iPhone）都能够播放。 <embed> 元素 <embed> 标签，这是一个 HT…
一、两个div水平顶部对齐 两个div都设置display:inline-block; 并且右边的div增加样式vertical-align: top; 使得右边的div跟左边的div的顶部对齐。 <div id=’left’ style=”width:20%; display:inline-block”> </div> <d…
微信扫一扫 
支付宝扫一扫 
