Maison > interface Web > tutoriel HTML > html/css相关的小技巧(1)_html/css_WEB-ITnose

html/css相关的小技巧(1)_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:16:52
original
1142 Les gens l'ont consulté

1、a标签的链接顺序,link-visited-hover-focus-active。

2、marquee标签,我之前基本上没有用到过这个标签,在最近的面试中才知道这个标签的强大之处,他可以帮我们实现滚动在固定范围内的上下,左右滚动等效果。marquee有以下几个属性

(1)direction,控制滚动方向,属性值有left,right,up,down;

(2)behavior,控制滚动方式,属性值有scroll连续滚动,slide只滚动一次,alternate往返滚动;

(3)loop,控制循环次数,默认是循环;

(4)scrollamount,控制滚动速度,默认是6;

(5)scrolldelay,控制停顿时间,默认是0;

(6)onmouseout=this.start().onmouseover=this.stop(),鼠标控制事件;

(7)align,控制垂直对其方式,属性值有top,middle,bottom,默认middle;

2、高度不定的元素实现垂直居中,我们可以使用display:table

   html和css代码

<div class=""parent>     <div class="child"><br />   <br />     111111111111111111111111      </div></div>
Copier après la connexion

.parent{  width:800px;  height:400px;  border:1px solid red;  display:table;  text-align:center;}.child{  display:table-cell;  vertical-align:middle;}
Copier après la connexion

 

    

É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