`
zhangyaochun
  • 浏览: 2560709 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css伪元素之:first-letter

阅读更多

    :first-letter

 

       ------- 向文本的第一个字母添加特殊样式。

 

       下列属性应用于:first-letter伪元素:

 

  • font
  • color
  • background
  • margin
  • padding
  • border
  • text-decoration
  • vertical-align(仅当float为none的时候)
  • text-transform
  • line-height
  • float
  • clear

 

扩展阅读:

 

http://www.w3cschool.cn/pr_pseudo_first-letter.html

 

 

分享到:
评论

相关推荐

    IE6无法识别伪对象:first-letter和:first-line解决方法

    我目前就是碰到了一个麻烦,IE6无法识别伪对象:first-letter和:first-line,换浏览器只是其中比较笨的一种方法,参考了相关的资料和文献,发现也可以通过代码调试来改变,目前,有找到了两种相关联的方法。...

    CSS3 伪元素选择器,例如(E::before、E::after)

    常见伪元素: E::first-letter, 表示给元素中的第一个字母设置一个样式 E::first-line, 表示给元素的第一行设置一个样式 E::before, 用于CSS渲染中向元素逻辑上的头部添加内容,主要是用它开显示修饰的内容,...

    CSS中的伪元素简介

    ::first-letter伪元素 格式: CSS Code复制内容到剪贴板 e::first-letter  示例: CSS Code复制内容到剪贴板 p::first-letter {font-size:300%;}   提示:如果不用伪元素创建这个首字符放大效果,必须手工给该...

    tailwindcss-pseudo-elements:TailwindCSS插件,添加伪元素的变体

    TailwindCSS插件,添加伪元素的变体( ::before , ::after , ::first-letter等)。 用法 安装 NPM npm install tailwindcss-pseudo-elements --save-dev 纱 yarn add tailwindcss-pseudo-elements -D 配置 const...

    css中伪类:after的用法(三种方式)

    而且CSS里不光有伪类,还有伪元素,比如::first-letter,:first-line,:before和:after。 本文中其它伪元素暂且不表,单说:after伪元素。 after顾名思义是在元素后面的意思,实质是在元素之后添加内容。 这个伪元素...

    CSS伪类和伪元素的区别详解

    这里用伪类 :first-child 和伪元素 :first-letter 来进行比较。 复制代码代码如下: p>i:first-child {color: red}<p> <i>first</i> <i>second</i></p>  //伪类 :first-child 添加样式到第一个子元素如果

    CSS first-letter伪类元素的特点

    写这篇文章的起因来自与毅博客的《美化段落文本 2》,在这篇文章的最后振之谈到了关于:first-letter这样的伪类元素的特点.

    Learning-process

    first-letter 首字母 :first-line 首行:first-child 第一个元素:before 之前插入 要centent:after 之后插入 同上:nth-child(n) 第n个元素:nth-last-child(n) 倒数第n个元素:nth-of-type(n) 第n个元素 如果第二个元素...

    css3 伪元素和伪类选择器详解

    伪类选择器:CSS中已经定义好的选择器,不能随便取名 常用的伪类选择器是使用在a元素上的几种,`如a:link|a:...CSS中有如下四种伪元素选择器:· first-line:为某个元素的第一行文字使用样式;· first-letter:为某个元

    css伪类伪元素域高级选择器的介绍

    给链接定义样式 ...a:visited 表示已经访问的链接 a:hover 表示鼠标划入的链接 ...注意上面这四个链接的伪类在使用的时候要有一定的顺序,即上面列举的顺序,...更多伪类和伪元素 :before 可以在指定元素的前面添加内容。比

    css仿word首字下沉效果示例

    用css仿word的首字下沉功能,不用修改代码,只用到css的伪元素:first-letter,即可实现首字下沉效果。 复制代码代码如下:<p><span class=”firstcharacter”>L</span> orem ipsum dolor sit amet, consectetur ...

    css入门笔记

    1.css的概述 1.问题 HTML属性修饰有一定局限,是不太便捷 2.css的语法规范 1.使用css样式方式 1.内联样式 行内样式 特点:将css样式定义在HTML标记中 语法: 样式声明:用样式属性和值组成(属性:值;) ...

    clone-element:使用样式克隆HTML元素

    :check_mark_button: 伪元素的支持样式(在下面列出)。 ::after ::before ::first-letter ::first-line ::marker ::placeholder :hollow_red_circle: 仅适用于Firefox。 Chrome / Safari无法为::placehold

    前端css+html+布局笔记

    伪类和伪元素用来表示元素所处的一个特殊的状态,或者是一个特殊的位置 :link 表示一个普通的链接(未访问过的链接) :visited 表示访问过的链接 :hover 鼠标移入的链接,也可以为其他元素设置hover :...

    css3选择器基本介绍

    :first-line,为某个元素中的第一行文字使用样式.:first-letter,为某个元素中的文字的首字母(欧美文字)或第一个字(中文或日文等汉字)使用样式.:before,在某个元素之前插入一些内容.例如:.gys:bef

    leetcode下载-blog:关注前端的技术记录博客

    leetcode下载 关注前端的技术记录博客 总结、提升 欢迎提issue todo(网络和网络安全系列): ...JS能够获取伪元素吗(”:after”、”:before”、”:first-line”、”:first-letter”、”:selection

    css介绍快速学习

    格式:标签名:伪元素。类名 标签名。类名:伪元素。都可以。 a:link 超链接未点击状态。 a:visited 被访问后的状态。 a:hover 光标移到超链接上的状态(未点击)。 a:active 点击超链接时的状态。 使用顺序 L – V ...

    CSS3中的content属性使用示例

    CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个content属性,能够实现页面中的内容插入。插入纯文字 content:"插入的文章",或者content:none不插入内容...

Global site tag (gtag.js) - Google Analytics