css伪元素之:first-letter

最新推荐文章于 2020-11-30 15:24:35 发布
最新推荐文章于 2020-11-30 15:24:35 发布
阅读量172 收藏
点赞数
分类专栏： css基础 文章标签： 伪元素 :first-letter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_2245/article/details/82472479
版权

    :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

 

 

iteye_2245
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
::first-letter ::first-line
扬 帆 起 航ing
08-07 417
CSS的伪元素::first-letter与::first-line分别是用来设置占一行的元素(display:block，如默认的div与p)内的首个字符的样式及第一行的样式，并且他们不会互相干扰，比如     p::first-letter{ font-size:4em; color:Black;}   p::first-line{font-size:smaller; color:Red...
深入::first-letter的研究
tian361zyc的博客
05-22 1329
:first-letter 伪元素
CSS伪元素选择器
歪脖先生的博客
01-11 1227
伪元素选择器 伪元素选择器，并不是基于真正的元素，而是基于元素当前所具有的特性来选取元素。由于这些元素本身并不存在于文档中，只是基于元素的抽象，因此称作伪元素。 伪元素选择器是CSS 中已经定义好的选择器，不能由用户随便起名，只能按CSS规定的标准格式使用。语法格式为： 选择器:伪元素 { 属性: 值 } 伪元素选择器在CSS中一直存在，但CSS3对伪元素进行了一定的调整，
CSS之first-letter 和first-line
qq_37852483的博客
03-28 1102
first-letter 和first-line只能使用在块级元素注意了 <html> <head> <style type="text/css"> span::first-line { float:left; width:0.7em; font-size:400%; font-family:algerian,courier; line-height:80%; ...
伪元素:first-letter注意事项
Wangdanting123的博客
10-10 1495
伪元素:first-letter注意事项
IE6无法识别伪对象:first-letter和:first-line解决方法
12-13
在网页设计和开发中，IE6（Internet Explorer 6）作为一个较旧的浏览器版本，存在很多兼容性问题，其中就包括对CSS伪对象`:first-letter`和`:first-line`的不支持。这两个伪对象在现代浏览器中是常用的设计工具，...
CSS first-letter伪类元素的特点
09-25
`CSS first-letter`伪类元素是CSS中一种特殊的选择器，用于选中并样式化文本块的第一个字母。这个伪类可以应用于段落、标题等包含文本的元素，以实现特定的排版效果，如首字下沉或首字母加粗等。然而，它存在一些...
css 控制first-letter伪类的背景
09-25
此外，需要注意的是，`first-letter`伪类仅适用于块级元素的第一个字母，对于内联元素或行内块元素，可能需要结合其他CSS技术来实现类似的效果。 总结，CSS的`first-letter`伪类是一个强大的工具，它允许开发者对...
CSS first-letter实现首字下沉
09-25
本文将通过一系列实验和分析，详细介绍如何使用CSS的`:first-letter`伪元素结合浮动属性实现首字下沉，并探讨为何在某些情况下需要清除浮动。 #### 基本概念回顾 首先，我们需要了解`:first-letter`的基本用法。`:...
tailwindcss-pseudo-elements:TailwindCSS插件，添加伪元素的变体
03-07
TailwindCSS插件，添加伪元素的变体（ ::before ， ::after ， ::first-letter等）。 用法 安装 NPM npm install tailwindcss-pseudo-elements --save-dev 纱 yarn add tailwindcss-pseudo-elements -D 配置 const...
map 容器小例（hash map）
letterwuyu的专栏
12-09 375
//导入两个文件t1存放映射规则，t2存放内容，将t2中的内容通过t1映射出来 /* t1 brb be right back k okay? y why r are u you pic picture thk thanks! 18r later */ /* t2 where r u y dont u send me a pic k thk 18r */ #in
first-letter--一个空格的问题
11-27 102
今天一个朋友问我怎么让段落首字母变大,我首先想到的是使用伪类 first-letter 来解决这个问题,但是我发现ie6下不兼容这个属性,在无意间一个空格解决了这个问题 ,这个属性使用的时候一定要在first-letter和{直接多加一个以上空格.........这个问题到底是什么导致,那位大侠知道个我说说 <style> p{line-heigh...
python tornade 表单和模板
u014033218的专栏
09-22 807
在第一章中，我们学习了使用Tornado创建一个Web应用的基础知识。包括处理函数、HTTP方法以及Tornado框架的总体结构。在这章中，我们将学习一些你在创建Web应用时经常会用到的更强大的功能。 和大多数Web框架一样，Tornado的一个重要目标就是帮助你更快地编写程序，尽可能整洁地复用更多的代码。尽管Tornado足够灵活，可以使用几乎所有Python支持的模板语言，Tornado自身也
css first-letter实现首字(字母)下沉效果
weixin_33895516的博客
10-10 384
css 首字下沉效果原理 首字下沉主要使用到css的first-letter伪元素，然后配合使用font-size和float来设置文字的样式即可实现。 first-letter选择器选取指定元素文本内容的第一个字母，即用于设置第一个字母的css样式。 下面是一个简单的first-letter实例 <!DOCTYPE HTML> <html> &l...
:first-letter和:first-line
weixin_47124862的博客
11-30 1591
一、:first-letter选择器 在css中，我们可以使用该选择器，选中元素内容中的第一个字或者字母。 语法：元素:first-letter{} 举例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
Java 创建编写 map版通讯录
ForeverNagisa的博客
01-25 966
Map版通讯录
css伪元素之:after
Focus-Fe
01-14 375
   :after               ----------   伪元素在元素之后添加内容   在元素内容的最后面插入生成内容，默认伪元素是行内元素，但是可以设置display 所有主流浏览器都支持:after      实例：        .test:before{ content:'{' }          扩展阅读：      ...
css之background-attachment属性
Focus-Fe
01-13 357
CSS  background-attachment属性   ------设置背景图像是否固定或者随着页面的其余部分滚动。   默认值： scroll 继承性： no 版本： CSS1 JavaScript 语法： object.style.backgroundAttachment="fixed"   可能的值 值 描述 sc...
css伪元素之:before
Focus-Fe
01-14 324
   :before               ----------   伪元素在元素之前添加内容   在元素内容的最前面插入生成内容，默认伪元素是行内元素，但是可以设置display 所有主流浏览器都支持:before      实例：        .test:before{ content:'{' }          扩展阅读：    ...
css伪元素插入文字
最新发布
06-24
CSS伪元素（Pseudo-elements）是用于在文档中插入非可见内容的特殊语法，它们不会实际出现在文档的结构中，但可以通过样式影响真实元素的呈现。主要用于创建一些视觉效果，比如添加装饰性边框、图标或文本前缀/后缀...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值