Rumah > hujung hadapan web > html tutorial > HTML的快速编写

HTML的快速编写

巴扎黑
Lepaskan: 2017-06-23 10:49:27
asal
1900 orang telah melayarinya
1. 嵌套操作----------
  
子操作: >
  
div>ul>li  
<div><ul><li></li></ul></div>
  并列:+
  
div+ul>li  
<div></div><ul><li></li></ul>
  上级:^
  
ul>li^div  
<ul><li></li></ul><div></div>
  ul>li>a^^div 上级多层  
<ul><li><a href=""></a></li></ul><div></div>
  重复:*
  
ul>li*3  
<ul><li></li><li></li><li></li></ul>
  分组:()
          
div>(p>span)*2  
<div><p><span></span></p><p><span></span></p></div>
  2. 属性操作----------
  
id和类
  
div#header+div.main+div#footer  
<div id="header"></div><div class="main"></div><div id="footer"></div>
  属性值
  
a[title=test target=_self]  
<a title="test" target="_self" href=""></a>
  数列值:$
  
p.item$*3  
<p class="item1"></p><p class="item2"></p><p class="item3"></p>
  p.item$$*3  
<p class="item01"></p><p class="item02"></p><p class="item03"></p>
  数列操作符:@
  
p.item$@-*3   @- = -1  
<p class="item3"></p><p class="item2"></p><p class="item1"></p>
  p.item$@3*3  @3 = 从3开始3次  
<p class="item3"></p><p class="item4"></p><p class="item5"></p>
  p.item$@-3*3 @-3 = 3次后到3结束  
<p class="item5"></p><p class="item4"></p><p class="item3"></p>
  3. 字符操作----------        
  
字符操作:{}
  
a{click}          
<a href="">click</a>   
          a>{click}+span{me}  
<a href="">click<span>me</span></a>
  4. 缺省元素----------
  
.header+.footer  ---------------  div.header+div.footer
  
ul>.item*3 -------------- ul>li.item*3
  
table>.row*4>.cell*3 -------------- table>tr.row*4>td.cell*3
Salin selepas log masuk

Atas ialah kandungan terperinci HTML的快速编写. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan