Heim > Web-Frontend > HTML-Tutorial > CSS+DIV实战_html/css_WEB-ITnose

CSS+DIV实战_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:33:24
Original
1240 Leute haben es durchsucht

1.1. 蓝色经典

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

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

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

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

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

 

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

 

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage