关于CSS中text-decoration值没有替换而是累积的疑问

做了个实验:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <title>BaiDuTest.html</title>
 5 </head>
 6 <style type="text/css">
 7
 8 .first{
 9 text-decoration: underline;
10 }
11 .second{
12 text-decoration: none;
13 }
14
15 </style>
16 <body>
17
18
19 <div class="first">实验
20
21 <p class="second">我在做text-decoration的实验</p>
22
23 </div>
24
25
26
27
28
29 </body>
30 </html>

浏览器显示结果如下图:

http://www.w3school.com.cn/css/css_text.asp中提到“ text-decoration 值会替换而不是累积起来。”

然而在本人做的试验中并没有什么卵用。

还不是很明白,求解答???

时间: 2024-12-29 16:06:34

关于CSS中text-decoration值没有替换而是累积的疑问的相关文章

CSS中background-attachment的值

background-attachment值 scrool:默认值,背景随页面滚动而移动,即背景和内容绑定,当页面的其余部分滚动时,背景图像不会移动. fixed: 背景图相对于视口固定,当页面的其余部分滚动时,背景图像不会移动. local: 背景图相对于元素内容固定. inhert:规定应该从父元素继承 background-attachment 属性的设置. (1).scroll 设置background-attachment:scroll,背景图是相对于元素自身固定,内容动时背景图也动.

CSS中的长度值

以下总结来自慕课网(依然比较浅显). 长度单位总结一下,目前比较常用到px(像素).em.% 百分比,要注意其实这三种单位都是相对单位. 1.像素 像素为什么是相对单位呢?因为像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”).实际情况是浏览器会使用显示器的实际像素值有关(这句话怎么说着这么别扭呢!),在目前大多数的设计者都倾向于使用像素(px)作为单位. 2.em 就是本元素给定字体的font-size值,如果元素的font-size为14px ,那么1em = 14px:如果f

关于CSS中的PX值(像素)

场景: 人物:前端实习生「阿树」与 切图工程师「玉凤」事件:设计师出设计稿,前端实现页面 玉凤:树,设计稿发给你啦,差那么点像素,就叼死你┏(  ̄へ ̄)=?阿树:~(>_<)~毛问题噶啦~阿树:哇靠,为啥你给的设计稿是640px宽 ,iPhone 5不是320px宽吗???玉凤:A pixel is not a pixel is not a pixel, you know ?阿树:(#‵′),I know Google... 为什么会出现以上的情况,难道他们当中一位出错了,摆了这样的乌龙?事实

css中position属性值的区别

1.relative 元素相对自身的原位置偏移某个距离,但是原本的空间依旧保留,表现为空白 2.absolute 原来的元素空间被删除,新生成一个块级框,与页面内容相对静止,如果页面向下滑动,该块级框会跟随向上运动 3.fixed 原来的元素空间被删除,新生成一个块级框,固定在页面的一个位置,即使向下滑动页面,该块级框依旧位置不改变 4.sticky 跟随页面一起滚动,当超过阈值以后,固定在页面边缘,相当于 absolute和fixed的混合 例如:#one { position: sticky

13 三种方式替换SQL Server中的NULL值(Different ways to replace NULL in Sql Server)

在Sql Server中有三种方式对查询结果中的NULL值进行替换. 如有下面的一张表: 我们可以通过自连接(Self-Join)的方式一张员工名和其对应的经理名的表: SELECT E.[Name],M.[Name] FROM [tblEmployee] AS E LEFT JOIN [tblEmployee] AS M ON E.ManagerId = M.EmployeeId 我们可以看到,Todd对应的Manger为NULL,这说明Todd应该是公司的最高层,他没有经理.但是这样显示很不

HTML元素在CSS中的分类

元素是组成HTML文档的基本结构,比如h1.p.ul.div等等.在CSS中,元素可以分为 "替换元素"与"非替换元素".如果站在元素显示的效果上看,那么元素还可以分为"块级元素"和"行内元素". 一.替换元素与非替换元素 (一)替换元素 元素在浏览器中所呈现的内容,并不是由元素在HTML文档中的内容直接表示的. 比如img元素,<img src="test.jpg"/>. img元素并没有内容

CSS中继承,特殊性,层叠与重要性

继承 CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代.比如下面代码: <html><head> <style> p{border:1px solid red} </style> </head> <body> <p>123<span>123</span>123</p> </body> </h

精心点缀的文字:CSS Text Decoration

大家很熟悉的 CSS2 用法 text-decoration ,到了 CSS3 就拥有很多新的特性.本文将介绍 Level 4 中最新添加的特性. CSS Text Decoration 文字修饰线:text-decoration-line text-decoration-line也就是 CSS3 之前的 text-decoration,属性有如下的属性值: 属性值 效果 none 无效果 underline 下划线 overline 上划线 line-through 删除线 blink 文字闪

css中元素的auto属性值是什么意思,比如margin:0 auto表示什么?

auto 你可以理解为一种 自动/自适应 的概念 比如 现在项目需要一个宽度为960px的整体布局居中 根据用户浏览器大小不同你将需要使用margin:0 auto;来实现. 无论用户浏览器宽度为多少.960px的定位宽度永远居中. css中的auto是自动适应的意思,而在css中auto往往都是默认值. 正如margin:0 auto,意思就是上下边距为0,左右边距为auto,就是自动适应.但是,如果要使用他的话,就必须给标签配上指定的宽度,如下:<div class="center&q