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