Maison > interface Web > tutoriel HTML > CSS+DIV实战_html/css_WEB-ITnose

CSS+DIV实战_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:33:24
original
1237 Les gens l'ont consulté

1.1. 蓝色经典

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

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

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

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

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

 

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

 

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal