VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > css >
  • 前端学习记录(2)

*5

	
Copy
<ul> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> <li class="item6"></li> <li class="item7"></li> </ul>

2-7.ID和类属性#

(1)缩写↓


	
Copy
#header

	
Copy
<div id="header"></div>

(2)缩写↓


	
Copy
.title

	
Copy
<div class="title"></div>

(3)缩写↓


	
Copy
form#search.wide

	
Copy
<form id="search" class="wide"></form>

(4)缩写↓


	
Copy
p.class1.class2.class3

	
Copy
<p class="class1 class2 class3"></p>

2-8.自定义属性#

(1)缩写↓


	
Copy
p[title="Hello world"]

	
Copy
<p title="Hello world"></p>

(2)缩写↓


	
Copy
td[rowspan=2 colspan=3 title]

	
Copy
<td rowspan="2" colspan="3" title=""></td>

(3)缩写↓


	
Copy
[a='value1' b="value2"]

	
Copy
<div a="value1" b="value2"></div>

2-9.文本:{}#

(1)缩写↓


	
Copy
a{Click me}

	
Copy
<a href="">Click me</a>

(2)缩写↓


	
Copy
p>{Click }+a{here}+{ to continue}

	
Copy
<p>Click <a href="">here</a> to continue</p>

2-10.隐式标签#

(1)缩写↓


	
Copy
.class

	
Copy
<div class="class"></div>

(2)缩写↓


	
Copy
em>.class

	
Copy
<em><span class="class"></span></em>

(3)缩写↓


	
Copy
ul>.class

	
Copy
<ul> <li class="class"></li> </ul>

(4)缩写↓


	
Copy
table>.row>.col

	
Copy
<table> <tr class="row"> <td class="col"></td> </tr> </table>

HTML标签语法#

3-1. 所有未知的缩写都会转换成标签#

缩写↓


	
Copy
hangge

	
Copy
<hangge></hangge>

3-2.基本html标签#


	
Copy
!

	
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body> </html>

	
Copy
a

	
Copy
<a href=""></a>

	
Copy
a:link

	
Copy
<a href="http://"></a>

	
Copy
a:mail

	
Copy
<a href="mailto:"></a>

	
Copy
link:css

	
Copy
<link rel="stylesheet" href="style.css" />

	
Copy
link:print

	
Copy
<link rel="stylesheet" href="print.css" media="print" />

	
Copy
link:favicon

	
Copy
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

	
Copy
link:touch

	
Copy
<link rel="apple-touch-icon" href="favicon.png" />

	
Copy
meta:utf

	
Copy
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

	
Copy
meta:win

	
Copy
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />

	
Copy
meta:vp

	
Copy
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />

	
Copy
meta:compat

	
Copy
<meta http-equiv="X-UA-Compatible" content="IE=7" />

	
Copy
script:src

	
Copy
<script src=""></script>

	
Copy
iframe

	
Copy
<iframe src="" frameborder="0"></iframe>

	
Copy
form

	
Copy
<form action=""></form>

	
Copy
form:get

	
Copy
<form action="" method="get"></form>

	
Copy
inp

	
Copy
<input type="text" name="" id="" />

	
Copy
input:hidden

	
Copy
<input type="hidden" name="" />

	
Copy