美文网首页
2019-05-28

2019-05-28

作者: 星河入怀fd | 来源:发表于2019-05-28 20:30 被阅读0次

其他子元素选择器

:first-child

选择第一个子标签

:last-child

选择最后一个子标签

:nth-child

选择指定位置的子元素

:first-of-type

:last-of-type

:nth-of-type

选择指定类型的子元素

权重

/important优先级最高(能不用尽量不用)

code和pre

如果你的内容包含代码示例或文件名,就 可以使用code元素。

pre元素表示的是预格式化文本,可以使用

pre包住code来表示一段代码。

<pre>

<code>

function fun(){  alert("hello");

}

</code>

</pre>

使用ol和li来创建一个有序列表。

<ol>

<li>列表项1</li>

<li>列表项2</li>

<li>列表项3</li>

</ol>

ul和li都是块元素

列表的三种:有序(ol) 无序(ul)  定义(dl dd dt)

字体分类

serif(衬线字体)

sans-serif(非衬线字体)

monospace (等宽字体)

cursive (草书字体)

fantasy (虚幻字体)

字号默认是16像素

大写化

text-transform样式用于将元素中的字母全都变成大写。

大写:text-transform:uppercase

小写:text-tansform:lowercase

首字母大写:text-transform:capitalize

正常:text-transform:none

行间距

line-height用于设置行高,行高越大则行 间距越大。

行间距 = line-height – font-size

斜体和粗体

font-style用来指定文本的斜体。

指定斜体:font-style:italic

指定非斜体:font-style:normal

font-weight用来指定文本的粗体。

指定粗体:font-weight:bold

指定非粗体:font-weight:normal

字体1

通过font-family可以指定标签中文字使用 的字体。

例如:

p{font-family:Arial}

– 上边这行代码指定了p标签中使用名为arial作 为字体

一般来说只有用户计算机中安装了我们指 定的字体时,它才会显示,否则这行代码 是没有意义的。

字体2

通过font-family可以同时指定多个字体。

例如:

p{font-family:Arial , Helvetica , sans-serif}

如上我实际上指定了三种字体,那么到底 使用的是哪个呢?浏览器会优先使用第一 个,如果没有找到则使用第二个,以此类 推。

这里面sans-serif并不是指的具体某一个字 体。而是一类字体。

字体分类

serif(衬线字体)

sans-serif(非衬线字体)

monospace (等宽字体)

cursive (草书字体)

fantasy (虚幻字体)

以上这些分类都是一些大的分类,并没有 涉及具体的类型,如果将字体指定为这些 格式,浏览器会自己选择指定类型的字体。

相关文章

网友评论

      本文标题:2019-05-28

      本文链接:https://www.haomeiwen.com/subject/poujtctx.html