博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html+CSS 基础
阅读量:5355 次
发布时间:2019-06-15

本文共 1052 字,大约阅读时间需要 3 分钟。

1、<q>引用文本</q>:对简短文本的引用,注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。

    <blockquote>引用文本</blockquote>: 对长文本的引用,浏览器对<blockquote>标签的解析是缩进样式。

2、空格:&nbsp

3、<code>代码语言</code> 注:如果是多行代码,可以使用<pre>标签。

    <pre>语言代码段</pre>:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

4、

<a>标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解,请看详细图示:

注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。

5. CSS特殊性

有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码:

p{color:red;}.first{color:green;}

三年级时,我还是一个胆小如鼠的小女孩。

p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。

下面是权值的规则:

标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码:

p{color:red;} /*权值为1*/p span{color:green;} /*权值为1+1=2*/.warning{color:white;} /*权值为10*/p span.warning{color:purple;} /*权值为1+1+10=12*/#footer .note p{color:yellow;} /*权值为100+10+1=111*/

注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。

6.CSS层叠性和重要性

内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。

浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式

但记住!important优先级样式是个例外,权值高于用户自己设置的样式。

转载于:https://www.cnblogs.com/huangfang/p/6497700.html

你可能感兴趣的文章
Lucene 学习之二:数值类型的索引和范围查询分析
查看>>
软件开发工作模型
查看>>
Java基础之字符串匹配大全
查看>>
面向对象
查看>>
lintcode83- Single Number II- midium
查看>>
移动端 响应式、自适应、适配 实现方法分析(和其他基础知识拓展)
查看>>
selenium-窗口切换
查看>>
使用vue的v-model自定义 checkbox组件
查看>>
[工具] Sublime Text 使用指南
查看>>
Web服务器的原理
查看>>
常用的107条Javascript
查看>>
#10015 灯泡(无向图连通性+二分)
查看>>
HAL层三类函数及其作用
查看>>
web@h,c小总结
查看>>
java编程思想笔记(一)——面向对象导论
查看>>
Data Structure 基本概念
查看>>
Ubuntu改坏sudoers后无法使用sudo的解决办法
查看>>
NEYC 2017 游记
查看>>
[搬运] 写给 C# 开发人员的函数式编程
查看>>
Python之旅Day14 JQuery部分
查看>>