CSS学习总结(更新中。。。)

来源:互联网 发布:js购物车加减计算总价 编辑:程序博客网 时间:2024/05/17 04:51

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规定应该从父元素继承左外边距。3、:before 选择器

定义和用法

:before 选择器在被选元素的内容前面插入内容。请使用 content 属性来指定要插入的内容。

实例:在每个 <p> 元素前面插入内容,并设置所插入内容的样式:

p:before{ content:"台词:";background-color:yellow;color:red;font-weight:bold;}
<body><p>我是唐老鸭。</p></body>

显示:

台词:我是唐老鸭。


4、

设置 p 元素的下外边距:

p  {  margin-bottom:2cm;  }


















1 0
原创粉丝点击