first-letter小记

最新推荐文章于 2024-09-24 10:00:08 发布
最新推荐文章于 2024-09-24 10:00:08 发布
阅读量468 收藏
点赞数
分类专栏： HTML&CSS 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lczz89/article/details/40394071
版权 

<style>
.point-num:first-letter{
    font-size:1.3334em;
  }
</style>
<p  class="point-num"><span>8.9</span><p> 
<p ><span  class="point-num">8.9</span><p> 
<div  class="point-num"><span>8.9</span><div>


first-letter对span直接作用时无效，用别的标签

lczz89
关注
专栏目录
css：超全选择器详细介绍以及优先级
YangLu888
10-04 2930
引入css的四种方式以及优先级；css选择器的超全详细介绍以及选择器的各种优先级；nth-of-type和nth-child的区别。
css 控制first-letter伪类的背景
09-25
《CSS控制first-letter伪类的背景》 在CSS（层叠样式表）中，`first-letter`伪类是一个强大的工具，允许我们精确地控制文本块中首字母的样式。这个特性常常被用来实现一些视觉上的效果，如首字母下沉、加粗或者改变...
CSS之first-letter 和first-line
qq_37852483的博客
03-28 1108
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 1509
伪元素:first-letter注意事项
深入::first-letter的研究
tian361zyc的博客
05-22 1346
:first-letter 伪元素
课堂小记---html
weixin_30649641的博客
03-26 194
其他注意点： 行高line-hight的继承特性： 行高有三种属性值：数字（1.5）、百分比（150%）、长度值（1.5em或者30px）。继承上这三者是有区别的。 当属性值为数字值，其子元素会继承行高的这个数字属性值。 而当属性值为百分比或者是长度值时，其子元素继承的是计算后的固定值。（根据父元素字体大小计算后的数值，而并非是父元素行高的属性值。） day01 1、 h...
英语每日小记
热门推荐
sulia1234567890的博客
04-12 8万+
英语
DOM练习小记--简单的拼单词游戏
baiweicheng7178的博客
06-01 200
（资料源自《Head First Ajax》第七章） 书中另一个单页游戏案例，综合了DOM和事件处理，先总结一下页面布局和js编程的思路。涉及到服务端交互的暂时按下，毕竟还没有自己把服务端环境搭起来。 1) 内容简介 书中给的样本页面和样式是布置好的，初始静态页面如下： 4row*4col布局，每次初始化都会随机出现16个字母图片； 点击任意字母会把对应字母输入到旁边字母框中，每次提...
CSS备忘小记
记忆者的博客
07-23 101
css
Python小记 Faker整理
薛定谔的壳的博客
11-12 395
属性 说明 country() 国家 province() 省份 city_suffix() 市，县 district() 区 street_address() 街道地址 street_name() 街道名 street_suffix() 街、路 country_code() 国家编码 postcode() 邮编 geo_coordinate() 地理坐标 longitude() 经度 latitude() 纬度 lexify(...
CSS first-letter伪类元素的特点
09-25
`CSS first-letter`伪类元素是CSS中一种特殊的选择器，用于选中并样式化文本块的第一个字母。这个伪类可以应用于段落、标题等包含文本的元素，以实现特定的排版效果，如首字下沉或首字母加粗等。然而，它存在一些...
wp-first-letter-avatar2.2.9.zip
05-25
留言者未申请Gravatar头像，显示的是WordPress自带的默认头像或丑陋的随机图片，...一、将下载的文件解压后，将里面的wp-first-letter-avatar文件夹，放到当前主题的插件文件夹内 支持目前wordpress5.4.1，自己正在用
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的`:...
css单行文本两端对齐
lczz89的专栏
10-31 5120
p{ text-align:justify; text-align-last:justify; } 上面两行代码大家都很熟悉，对于多行文本来说，基本可以兼容所有的游览器，实现两端对齐。在多行文本中，该样式对于最后一段文字并不处理。 所以我们需要打补丁 p:after{ display:inline-block; content:''; over
电脑屏幕常见分辨率
lczz89的专栏
10-30 703
目前常见的有 1024-768   1280-1024 1366-768 1400-900 1600-900  1920-1080 对于wa
IE前端CSS处理小结（demo下载）
lczz89的专栏
10-22 677
背景色渐变可以这样写 background-image: -webkit-linear-gradient(to top, #060607, #292829); background-image:linear-gradient(to top, #060607, #292829); background: -ms-linear-gradient(#060607 0%,#292829 10
css实现四角边框
最新发布
freedms的博客
09-24 267
【代码】css实现四角边框。
first-child和first-of-type
03-16
first-child和first-of-type都是CSS选择器中的伪类，用于选择元素中的第一个子元素。 first-child选择器选择的是父元素的第一个子元素，无论这个子元素是什么类型的元素。 而first-of-type选择器则是选择父元素中第一个与指定类型相同的子元素，也就是说，如果父元素中有多个相同类型的子元素，只有第一个会被选择。 举个例子，如果有如下HTML代码： ``` <div> <p>第一个段落</p> <p>第二个段落</p> <span>第一个span</span> <p>第三个段落</p> <span>第二个span</span> </div> ``` 使用first-child选择器选择第一个子元素，结果是第一个段落： ``` div p:first-child { color: red; } ``` 而使用first-of-type选择器选择第一个段落，结果也是第一个段落： ``` div p:first-of-type { color: red; } ``` 但如果选择第一个span，使用first-child选择器会选择不到，因为第一个子元素是一个段落，而不是span： ``` div span:first-child { color: red; } ``` 而使用first-of-type选择器则可以选择到第一个span： ``` div span:first-of-type { color: red; } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值