>  기사  >  웹 프론트엔드  >  CSS+DIV实战_html/css_WEB-ITnose

CSS+DIV实战_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 12:33:241179검색

1.1. 蓝色经典

1. 固定宽度,不管分辨率多大,宽度是固定的。

2. 导航部分使用了图片,图片中预留了导航的位置,将导航覆盖到上面,导航通过绝对值防止到图片的右下角。

3. Float不仅仅能应用到大的块中,也可以应用到li等小块中,应用到li后,li项目会被平均分成两部分显示。

4. 标题替换成图片的技巧:标题直接隐藏掉,做一个和标题一样的图片来显示。

竖标题的做法和上面一样,不同的是,需要调整元素的padding-left属性。

 

案例地址:http://115.com/file/aqxc2u9t#

 

通过案例的学习和动手实践,才能体会到CSS到底有多强大!!!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.