编程笔记 html5&css&js 054 CSS默认值

这篇具有很好参考价值的文章主要介绍了编程笔记 html5&css&js 054 CSS默认值。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

css属性在没有设置的时候,也是有值的,这就是默认值。列在下面,方便查看。

元素

默认的 CSS 值
a:link
  • color: (internal value);
  • text-decoration: underline;
  • cursor: auto;
a:visited
  • color: (internal value);
  • text-decoration: underline;
  • cursor: auto;
a:link:active color: (internal value);
a:visited:active color: (internal value);
abbr None.
address
  • display: block;
  • font-style: italic;
area display: none;
article display: block;
aside display: block;
audio None.
b font-weight: bold;
base None.
bdi None.
bdo unicode-bidi: bidi-override;
blockquote
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 40px;
  • margin-right: 40px;
body
  • display: block;
  • margin: 8px;
body:focus outline: none;
br None.
button None
canvas None.
caption
  • display: table-caption
  • text-align: center;
cite font-style: italic;
code font-family: monospace;
col display: table-column;
colgroup display: table-column-group
datalist display: none;
dd
  • display: block;
  • margin-left: 40px;
del text-decoration: line-through;
details display: block;
dfn font-style: italic;
dialog None.
div display: block;
dl
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
dt display: block;
em font-style: italic;
embed:focus outline: none;
fieldset
  • display: block;
  • margin-left: 2px;
  • margin-right: 2px;
  • padding-top: 0.35em;
  • padding-bottom: 0.625em;
  • padding-left: 0.75em;
  • padding-right: 0.75em;
  • border: 2px groove (internal value);
figcaption display: block;
figure
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 40px;
  • margin-right: 40px;
footer display: block;
form
  • display: block;
  • margin-top: 0em;
h1
  • display: block;
  • font-size: 2em;
  • margin-top: 0.67em;
  • margin-bottom: 0.67em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
h2
  • display: block;
  • font-size: 1.5em;
  • margin-top: 0.83em;
  • margin-bottom: 0.83em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
h3
  • display: block;
  • font-size: 1.17em;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
h4
  • display: block;
  • margin-top: 1.33em;
  • margin-bottom: 1.33em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
h5
  • display: block;
  • font-size: .83em;
  • margin-top: 1.67em;
  • margin-bottom: 1.67em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
h6
  • display: block;
  • font-size: .67em;
  • margin-top: 2.33em;
  • margin-bottom: 2.33em;
  • margin-left: 0;
  • margin-right: 0;
  • font-weight: bold;
head display: none;
header display: block;
hr
  • display: block;
  • margin-top: 0.5em;
  • margin-bottom: 0.5em;
  • margin-left: auto;
  • margin-right: auto;
  • border-style: inset;
  • border-width: 1px;
html
  • display: block;
  • html:focus
  • outline: none;
i font-style: italic;
iframe:focus outline: none;
iframe[seamless] display: block;
img display: inline-block;
input None.
ins text-decoration: underline;
kbd font-family: monospace;
label cursor: default;
legend
  • display: block;
  • padding-left: 2px;
  • padding-right: 2px;
  • border: none;
li display: list-item;
link display: none;
main None.
map display: inline;
mark
  • background-color: yellow;
  • color: black;
menu
  • display: block;
  • list-style-type: disc;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
  • padding-left: 40px;
menuitem None.
meta None.
meter None.
nav display: block;
noscript None.
object:focus outline: none;
ol
  • display: block;
  • list-style-type: decimal;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
  • padding-left: 40px;
optgroup None.
option None.
output display: inline;
p
  • display: block;
  • margin-top: 1em;
  • margin-bottom: 1em;
  • margin-left: 0;
  • margin-right: 0;
param display: none;
picture None.
pre
  • display: block;
  • font-family: monospace;
  • white-space: pre;
  • margin: 1em 0;
progress None.
q display: inline;
q::before content: open-quote;
q::after content: close-quote;
rp None.
rt line-height: normal;
ruby None.
s text-decoration: line-through;
samp font-family: monospace;
script display: none;
section display: block;
select None.
small font-size: smaller;
source None.
span None.
strike text-decoration: line-through;
strong font-weight: bold;
style display: none;
sub
  • vertical-align: sub;
  • font-size: smaller;
summary display: block;
sup
  • vertical-align: super;
  • font-size: smaller;
table
  • display: table;
  • border-collapse: separate;
  • border-spacing: 2px;
  • border-color: gray;
tbody
  • display: table-row-group;
  • vertical-align: middle;
  • border-color: inherit;
td
  • display: table-cell;
  • vertical-align: inherit;
template None.
textarea None.
tfoot
  • display: table-footer-group;
  • vertical-align: middle;
  • border-color: inherit;
th
  • display: table-cell;
  • vertical-align: inherit;
  • font-weight: bold;
  • text-align: center;
thead
  • display: table-header-group;
  • vertical-align: middle;
  • border-color: inherit;
time None.
title display: none;
tr
  • display: table-row;
  • vertical-align: inherit;
  • border-color: inherit;
track None.
u text-decoration: underline;
ul
  • display: block;
  • list-style-type: disc;
  • margin-top: 1em;
  • margin-bottom: 1 em;
  • margin-left: 0;
  • margin-right: 0;
  • padding-left: 40px;
var font-style: italic;
video None.
wbr None.

小结

尽量记住这些默认值。文章来源地址https://www.toymoban.com/news/detail-824256.html

到了这里,关于编程笔记 html5&css&js 054 CSS默认值的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 编程笔记 html5&css&js 035 HTML 地理定位

    地理定位有很多事情有关,购物时要知道你在哪吧,驾车时就更是了,所有浏览器还提供了定位的功能,可以在网页中使用。 HTML5 Geolocation(地理定位)用于定位用户的位置。 HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则

    2024年02月02日
    浏览(27)
  • 编程笔记 html5&css&js 034 HTML MathML

    网页上什么都可以出现呀,数学公式是不是也需要显示出来呀?这东西就叫MathML。 HTML5 可以在文档中使用 MathML 元素,对应的标签是 math.../math 。 MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。 据

    2024年01月21日
    浏览(28)
  • 编程笔记 html5&css&js 036 CSS应用方式

    如何在网页中使用CSS?实际上有三种方式。 有三种插入样式表的方法: 外部 CSS 内部 CSS 行内 CSS 通过使用外部样式表,您只需修改一个文件即可改变整个网站的外观! 每张 HTML 页面必须在 head 部分的 link 元素内包含对外部样式表文件的引用。 外部样式在 HTML 页面 head 部分内

    2024年01月22日
    浏览(31)
  • 编程笔记 html5&css&js 037 CSS选择器

    CSS用于处理网页的样式,就像一个人的装扮,拿来一个衣物或饰品,你得知道穿着在什么部位,不能把袜子当成口罩,CSS里面是一些属性和值,用在网页的哪个地方,就叫选择器。 CSS 选择器用于“查找”(或选取)要设置样式的 HTML 元素。 我们可以将 CSS 选择器分为五类:

    2024年01月21日
    浏览(28)
  • 编程笔记 html5&css&js 040 CSS盒子模型

    网页是靠分成不同的块,再赋予这些块各不相同的属性来布局的。所以这个“块”是一个基础。先看块本身的构造。 CSS 盒子模型(Box Model)。所有HTML元素可以看作盒子,在CSS中,\\\"box model\\\"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它

    2024年01月17日
    浏览(25)
  • 编程笔记 html5&css&js 039 CSS背景示例

    网页上只有三个水平并列大小相同的的DIV,大小为300p*200,如何使用CSS让它们整体水平和垂直都居中,并使用不同的背景色? 要在网页上实现三个水平并列且大小相同的div元素,每个尺寸为300像素宽和200像素高,整体居中显示且具有不同的背景颜色,你可以通过以下CSS来完成:

    2024年01月20日
    浏览(28)
  • 编程笔记 html5&css&js 043 CSS尺寸属性

    块的宽度和高度,决定了块的大小,也就是尺寸。 height 和 width 属性用于设置元素的高度和宽度。height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。 height 和 width 属性可设置如下值: auto - 默认。浏览器计算高度

    2024年01月21日
    浏览(26)
  • 编程笔记 html5&css&js 041 CSS边框属性

    盒子是由四周的边框组成,边框的属性就构成了盒子的大部分样式。 CSS border 属性允许您指定元素边框的样式、宽度和颜色。 border-style 属性指定要显示的边框类型。 允许以下值: border-style 属性可以设置一到四个值(用于上边框、右边框、下边框和左边框)。 注意:除非设

    2024年01月19日
    浏览(26)
  • 编程笔记 html5&css&js 053 CSS伪元素

    CSS 伪元素用于设置元素指定部分的样式。 什么是伪元素? 设置元素的首字母、首行的样式 在元素的内容之前或之后插入内容 语法 伪元素的语法: ::first-line 伪元素用于向文本的首行添加特殊样式。 下面的例子为所有 p 元素中的首行添加样式: ::first-line 伪元素只能应用于

    2024年01月23日
    浏览(43)
  • 编程笔记 html5&css&js 055 CSS颜色表

    重新做了颜色表,前面讲HTML时已经有了一个,重新整理了一个,方便查用。将代码复制本地使用。这个内容既用于颜色的了解,也是一个网页的综合练习。将下面内容复制,弄懂每个内容,并按照自己喜好进行改进。 颜色的合理使用是网页设计效果的基本保证。 使用颜色值

    2024年01月25日
    浏览(26)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包