CSS入门教程:网页首字下沉

2016-02-19 23:38 6 1 收藏

有了下面这个CSS入门教程:网页首字下沉教程，不懂CSS入门教程:网页首字下沉的也能装懂了，赶紧get起来装逼一下吧！

【 tulaoshi.com - Web开发】

CSS入门教程:网页首字下沉

:first-letter

版本：CSS2　兼容性：IE5.5+

语法：

Selector : first-letter { sRules }

说明：

设置对象内的第一个字符的样式。

此伪对象仅作用于块对象。内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为 absolute ，或者设定 display 属性为 block 。
在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。

示例：

p a:first-letter { color: green }

div:first-letter { color:red;font-size:16px;float:left; }

简单，就不放例子了

来源:https://www.tulaoshi.com/n/20160219/1630283.html

看过《CSS入门教程:网页首字下沉》的人还看了以下文章更多>>

CSS入门教程——定位(position)

标签： Web开发

定位 CSS的定位功能是很强大的，利用它你可以做出各种各样的网页布局。本节就介绍一些CSS常用的定位语句。 1. 相对定位(relative) 相对定位是指相对它本来应该处的位置所做的移动。 style type="text/css" .dingwei{ position:relative; left:50px;} /style p我是一段正常的文本/p p class="dingwei...

CSS入门教程——样式表加入网页方式

标签： Web开发

在上两节中我们已经为网页添加过简单的样式表了，我们也了解了样式表的语法基础。本节将介绍将样式表加入到页面中的几种不同方法。内部样式表其实我们在前两节已经应用了内部样式表。内部样式表需要在网页的head部分定义，格式如下： head style type="text/css" /*符合CSS语法结构的CSS语句，例如*/ body {...

CSS入门教程之CSS的语法

标签： Html CSS布局 Div+CSS XHTML

1.基本语法 CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。基本格式如下： selector { property: value} （选择符 { 属性：值}）选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要...

css入门教程之学习网页布局(1)

标签： Web开发

原文：http://jorux.com/archives/layout-1-if-you-love-css/ 从本篇开始讲述如何用css实现网页的布局，即如何用css控制网页内各个元素的显示位置。如果你是一个初学者，很可能觉得做一个网页的第一步就是布局。其实不然，css网页的设计过程可以参考分为以下几步：平面设计页面切割布局细节控制平面设计是一个网页的精髓所在，读者直...

CSS入门教程：语法基础

标签： Html CSS布局 Div+CSS XHTML

在学习中遇到问题可以到论坛发贴交流！本例为CSS入门系列教程，在这一课中我们将学习CSS的语法基础，主要学习CSS的基本语法、选择符组、类选择符、ID选择符、包含选择符、样式表的层叠性以及，希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之语法基础 1. 基本语法 CSS的定义是由三个部分构成：选择符（selector），属...

查看更多精彩>>