如何利用CSS做到图文混排?
把文字当作图片处理,图片当作文字处理为了保证图片不占一行(或一个div),需要用float:left这个样式,写海报“首字母下沉”效果需要用到这个样式利用<li>标签做导航标签?
设置list-style-type:none;float:left;可以不需要<ul>标签,如果有则也需要将list-style-type:none;
在CSS样式中设置body样式——全局风格?
body{ font-size:12px; color:#000000; text-align:center; font-family:Arial,Helvetica; width:1024px; --上面是定义全局网页的风格 magin:opx; padding:0px; --最下面两句是“内容居中”的风格,让顶部无空白部分}
边框
border:border-width || border-style || border-colorborder:groove;border:groove blue;border:4px groove blue;备注:为了能让边框显示出来,必须指定边框的类型,宽度和颜色都有相对应的默认值(需要指定出来,不然显示不出来)
定位与布局两种样式结合
定位:position: absolute(可重叠,相对于最近的父组件)relative(不可重叠)static z-index:重叠之后出现分层,显示层次的顺序 top right bottom left布局:float:none(对象不漂浮)left(向左浮动)right(向右浮动) overflow: overflow-x: overflow-y: display:不保留占据的物理空间 visibility:保留占据的物理空间<span>标签被用来组合文档中的行为元素
注:如果不对该标签使用样式,它和文本内容是没有区别的
滤镜功能
CSS2滤镜只针对IE起作用,因为这个是IE特有的,由于滤镜效果被广大开发者喜欢,慢慢的也被很多人接收,所以CSS3也添加了滤镜这个功能,CSS3可以解决CSS2滤镜不兼容的问题,CSS3标准是支持滤镜功能的2004 | 2005 | |
---|---|---|
拨款 | 11111 | 22222 |
投资 | 33333 | 44444 |
标签起强调作用 | 标签是普通的一列 |