慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

Rainwedell

内联块状元素的主要优点是可以设置高度，宽度，行高这些块状元素的属性，同时还可以和其他元素在一行上

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2021-10-18
Rainwedell
font-height和子代的font-size，font-height有3种写法：
1. 像素点
2. em
3. 80%
查看全部

0 采集收起来源：长度值
2021-10-18
Rainwedell

这里看到了说一下，<a>标签超链接后的文本会自动变蓝，这里直接设置其父代标签为red是无法改变<a>标签文本的颜色的，推测为超链接默认color属性的权值至少大于0.1而小于1，需要单独设置<a>标签的color属性

查看全部

0 采集收起来源：再加粗一点 - 使用font-weight设置字体粗细
2021-10-18
Rainwedell

字体设置
属性：font-family
值用英文写就是比中文兼容性好

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2021-10-18

Rainwedell

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>!important</title>
    <style type="text/css">    
    p span{   
         color:red;    
         }    
    p.first {        color: green!important;    }
    </style>
    </head>
    <body>    
        <h1>勇气</h1>    
        <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。
        </p>    
        <p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很<span class="first">简单</span>的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。
        </p>
    </body>
</html>

为什么用了!important，.first中的span还是红色？

这里p.first确实被设置为了green，权值为1+10=11,且用了important定义为了最优先。但其子代本身green的权值是继承来的，!important不能作用，权值只有0.1，又因为使用了p span，声明red的权值为1+1=11>0.1所以span还是红色

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important

2021-10-18

Rainwedell

这里还有子代继承的权值问题，代码中设定为red，权值为1，其子代的中“胆小...”因继承性也设定为red，但权值为0.1

查看全部

0 采集收起来源：继承者 - 样式的继承
2021-10-18
Rainwedell

这里还有子代继承的权值问题，代码中设定为red，权值为1，其子代的中“胆小如鼠”因继承性也设定为red，但权值为0.1

查看全部

0 采集收起来源：继承者 - 样式的继承
2021-10-18
Rainwedell

这里要注意和后代选择器的区别，分组选择器是','来链接两个标签(类，id)
后代选择器是用空格取满足要求的所有后代

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2021-10-18
慕村1133783

text-decoration:none 啥也没有
text-decoration:underline 下划线
text-decoration:overline 上划线
text-decoration:line-through 删除线

查看全部

0 采集收起来源：给文本装饰一下 - 使用text-decoration添加文本修饰
2021-10-18
Rainwedell

a:hover{color:red;}
这里a 是标签名，hover表示的是鼠标滑过这一状态
后续是css的声明

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2021-10-18
Rainwedell

事实上，目前的id选择器已经支持多次使用了，但为了语义化，实际程序员使用中仍然尽量只使用一次

查看全部

0 采集收起来源：类和ID选择器的区别
2021-10-18
Rainwedell

这里的权值计算是在同意链接方式下进行，代码中都是嵌入式链接css的，但事实上如果用内联式链接css，那仍然是内联式的优先级高于嵌入式任一一个选择符，即内联式的css才是有效的

查看全部

0 采集收起来源：权值计算-特殊性
2021-10-18
慕村1133783

font-style 斜体

查看全部

0 采集收起来源：再加个样式 - 使用font-style设置字体样式
2021-10-18
慕村8217525

>作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2021-10-17
慕村8217525

ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次

查看全部

0 采集收起来源：类和ID选择器的区别
2021-10-17
Rainwedell

选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器
这个优先级的理解：和CSS三种链接方式其实是一样的，也遵循就近原则
内联式离元素最近，
随后是标签(这里是<div>)里面的属性class和id，这里id的优先级高推测是因为id本身的定义其实是唯一化的，一个id值只能对应唯一一个元素，一个class值可以对应多个class为这个值的元素。
随后是外部的整个标签
最后再是通配符"*"

实际上是后面的权值来定义优先级

查看全部

0 采集收起来源：别插队啊 - 选择器的优先级
2021-10-17

首页上一页 173 174 175 176 177 178 179 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。