html/css相关的小技巧(1)_html/css_WEB-ITnose
Jun 24, 2016 am 11:16 AM
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>
.parent{ width:800px; height:400px; border:1px solid red; display:table; text-align:center;}.child{ display:table-cell; vertical-align:middle;}

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt?

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren?

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu?

Was ist der Zweck des & lt; Meter & gt; Element?

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5?

Was ist der Zweck des & lt; datalist & gt; Element?

Was ist der Zweck des & lt; Fortschritts & gt; Element?
