1、>:这些是CSS3特有的选择器,E > F 表示选择E元素的所有子F元素,与E F的区别在于,E F选择所有后代元素,>只选择一代。
例: .nav-pills > li.active > a
2、margin-left 属性
margin-left 属性设置元素的左外边距。
p
{
margin-left:2cm;
}
可能的值
值 | 描述 |
---|---|
auto | 浏览器设置的左外边距。 |
length | 定义固定的左外边距。默认值是0。 |
% | 定义基于父对象总高度的百分比左外边距。 |
inherit | 规定应该从父元素继承左外边距。 |
定义和用法
:before 选择器在被选元素的内容前面插入内容。请使用 content 属性来指定要插入的内容。
实例:在每个 <p> 元素前面插入内容,并设置所插入内容的样式:
p:before
{
content:"台词:";
background-color:yellow;
color:red;
font-weight:bold;
}
<body> <p>我是唐老鸭。</p> </body>
显示:
台词:我是唐老鸭。
设置 p 元素的下外边距:
p
{
margin-bottom:2cm;
}