css样式全大写,用css样式表实现首字大写

css当中有许多平时很少用的属性，但是这些属性有时候被发掘出来以后就会立刻引起一些人的追逐，首字大写就是这样一种效果。最近越来越多的blogger开始在自己的blog中运用这一方法，东西很简单，下面就来给大家介绍一下用:first-letter伪类来实现这种效果的方法:

:first-letter版本:CSS2　兼容性:IE5.5+

语法:

Selector : first-letter { sRules }

说明:

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

此伪对象仅作用于块对象。内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为 absolute ，或者设定 display 属性为 block 。

在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。

示例:

p a:first-letter { color: green }

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

应用于:

IE5.5+ ADDRESS BLOCK QUOTE BODY CENTER DD P DL DT FIELDSET FORM Hn LEGEND LI LISTING MARQUEE MENU P PLAINTEXT PRE XMP

目前IE和FF都支持此属性，所以大家不必顾虑兼容性的问题，当然要记得设置float属性哦，不然就不会出现那种大字紧贴几行的效果了。

范例(未设置float属性):

p{line-height:25px;}

p:first-letter{font-size:50px;line-height:50px;}

欢迎大家来到设计之家

范例(设置float属性为left)：

p{line-height:25px;}

p:first-letter{font-size:50px;line-height:50px;float:left;}

欢迎大家来到设计之家

css样式全大写,用css样式表实现首字大写相关推荐

php怎么输出汉字大写的时间,php汉字转首字母大写的方法是什么
php汉字转首字母大写的方法是什么发布时间:2020-08-31 10:03:07 来源:亿速云阅读:86 作者:小新小编给大家分享一下php汉字转首字母大写的方法是什么,相信大部分人都还不怎么 ...
python首字母大写其他小写_python大小写转换,首字母大写,去除特殊字符的简单示例...
这篇文章主要为大家详细介绍了python大小写转换,首字母大写,去除特殊字符的简单示例,具有一定的参考价值,可以用来参考一下. 对python这个高级语言感兴趣的小伙伴,下面一起跟随512笔记的小编两 ...
C语言删除多余空格首字母大写,字符串——去除多余空格和首字母大写
题目描述: 输入一个由若干单词组成的字符串(长度小于等于2000),然后删除字符串的首尾空格,如果串中有多于一个以上空格,则只保留一个空格, 同时,请将字符串中单词的首字母转换为大写,如果本身是大写, ...
php首字母大写正则,关于字符串：正则表达式首字母大写超过3个字符的单词，并在连字符和撇号之后...
基本上- 我正在尝试对一个字符串执行自定义大写:我花了几个小时与regex斗争,但没有成功- 要求: I need to capitalise: If first word >3 chars: ...
html 样式大全,2017最新css样式大全
2017最新css样式大全 CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化.CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网 ...
html5首字母大小写,css中如何设置英文首字母大写
css中可使用text-transform属性来设置英文首字母大写.text-transform属性可控制文本的大小写,只需要给包含英文字母文本的元素设置"text-transform:ca ...
CSS大全_最全的常用css代码
1.字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD 样式 {font-style: o ...
css宋体代码_前端开发必备的CSS命名规范与常用CSS代码集合
编辑 | web前端开发来源 | web前端开发我们在用html+css进行网页的排版布局时,经常会遇到CSS命名,如果是在团队多人协作开发时,团队里都会有自己的命名规范与要求. 但如果是自己在个 ...
Python英文单词大小写转换及所有首字母大写
s = 'HELLO world'print(s.lower()) #全部小写>>> hello worldprint(s.upper()) #全部大写>>> HE ...

css样式全大写,用css样式表实现首字大写

css样式全大写,用css样式表实现首字大写相关推荐

最新文章

热门文章