其他子元素选择器
: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 (虚幻字体)
以上这些分类都是一些大的分类,并没有 涉及具体的类型,如果将字体指定为这些 格式,浏览器会自己选择指定类型的字体。
网友评论