html5手機網(wǎng)站，為什么使用2px的線條而不是1px？

我想是因為在現(xiàn)在的高分辨率屏上，2px顯示的效果比1px好些吧。

創(chuàng)新互聯(lián)長期為成百上千家客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為青銅峽企業(yè)提供專業(yè)的做網(wǎng)站、網(wǎng)站設計，青銅峽網(wǎng)站改版等技術服務。擁有10余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

html中如何實現(xiàn)下面的這種分割線效果？（圖）求大神解答~~

這個應該不是分割線。

如果是兩條分割線，設置屬性display:inline-block.

例子：

div style=" width:100%; text-align:center" //設置居中

hr style=" width:20%; display:inline-block" / 中間插入的文字 hr style=" width:20%; display:inline-block" /

/div

html5的標簽中，哪些是行內(nèi)元素，哪些是塊級元

其實兩者可以轉(zhuǎn)換的，也沒必要硬要記熟，不過還是解答一下你的疑惑。

行內(nèi)元素的標簽有：

span.../span

a.../a? 鏈接

br? 換行

b.../b? 加粗

strong.../strong? 加粗

img ? 圖片

sup.../sup? 上標

sub.../sub? 下標

i.../i? 斜體

em.../em? 斜體

del.../del? 刪除線

u.../u? 下劃線

input.../input? 文本框

textarea.../textarea? 多行文本

select.../select? 下拉列表

塊級元素大概有這些：

h1.../h1? 標題一級

h2.../h2? 標題二級

h3.../h3? 標題三級

h4.../h4? 標題四級

h5.../h5? 標題五級

h6.../h6? 標題六級

hr? 水平分割線

p.../p? 段落

pre.../pre? 預格式化

blockquote.../blockquote? 段落縮進? ?前后5個字符

marquee.../marquee? 滾動文本

ul.../ul? 無序列表

ol.../ol? 有序列表

dl.../dl? 定義列表

table.../table? 表格

form.../form? 表單

div.../div

希望對你有幫助

html5常用標記總結(jié)

一、文本標簽

1.1 標題標記：hn align=”對齊方式”標題文本/hn

注意：

1.標題準備了h1----h6的標題，按照字號依次遞減(塊級元素)

2.align表示對齊方式，其值為left,center,right

1.2 字體標記：font face=”字體名稱” size=”字號” color=”字體顏色” 文字/font

注意：中文網(wǎng)頁以黑體，宋體，3號字的效果顯示

1.3 段落標記：p align=”對齊方式” 段落內(nèi)容/p

注意：p可以作為單標記或雙標記：

單標記：段落與上文產(chǎn)生一個空行的間距。

雙標記：段落與上下文之間產(chǎn)生一個空行的間距

1.4 換行標記：

注意：br /表示換行，多次換行多次使用br /

1.5 預格式化標記：pre...../pre

注意：預格式化標記可將空格、制表符、回車符等忽略

1.6 轉(zhuǎn)義字符：轉(zhuǎn)義字符讓特殊字符顯示出來。

語法：實體名稱;

二、列表標記

2.1 無序列表

ul type=”列表項的標簽符”

li項目一/li

li項目二/li

li項目三/li

......

/ul

注意： type表示了項目符號：

disc(默認) 實心圓

circle：空心圓

square：實心方塊

2.2 有序列表：

ol type=”列表項的標記符” start=”起始值”

li項目一/li

li項目二/li

li項目三/li

......

/ol

注意：1. 1:1,2,3,.......

a:a,b,c,d,e.......

A:A,B,C,D,E.......

i:i,ii,iii,iv......

I:I,II,III,IV......

2.start表示起始值,從第幾個數(shù)開始計算

2.3 嵌套排列

ol type="1"

lih/li

lit/li

ul type="disc"

lim/li

lil/li

/ul

li5/li

/ol

2.4 分割線標記：hr align=”對齊方式” size=”水平線高度” width=”水平線寬度”

color=”水平線顏色”

三、超鏈接標記

3.1 文本鏈接：a href=”目標URL” target=”目標窗口”指針文本/a

注意： 1.href表示文本鏈接的目標資源的URL

絕對地址和相對地址

絕對地址：在任何情況下都可以找到的地址（例如：網(wǎng)址）

相對地址：必須知道當前所在，才能找到（../表示上一級目錄，/表示下級目錄）例子：../img/baidu.jpg 表示在當前位置的上一層目錄下的img文件夾中的baidu.jpg 文件。

3.2 圖片標記：img src=”圖片文件路徑” alt=”提示文本” height=”圖片高度” width=”圖片寬度”/

3.3 多媒體標記

3.3.1 滾動字幕標記：marquee可以實現(xiàn)文字或圖片的跑馬燈效果

marquee..../marquee

marquee的屬性：

behavior 指定了跑馬燈的效果：scroll(滾動)、slide(滑動)、alternate(交替)

bgcolor:跑馬燈的背景顏色

direction:跑馬燈的移動方向，left（左）、right(右)、up(上)、down(下)

scrolldelay:每次移動的延遲時間，單位毫秒

loop:跑馬燈運行次數(shù)，-1表示無限循環(huán)

height、width

hspace:左右空白寬度

vspace:上下空白寬度

3.3.2 嵌入音樂文件

audio src=”文件地址” 提示文字/audio

3.3.3 嵌入視頻文件

video src=”視頻文件地址” controls=”controls”提示文字/video

四、表格

4.1 表格基本語法：

table

tr

......

td單元格內(nèi)容/td

......

/tr

/table

注意：

table:聲明一個表格對象

tr:聲明一行

td:聲明一個單元格

4.2 表格的基本屬性

1.align 對齊方式：left、center、right

2.border:表格邊框

3.bordercolor:邊框顏色

4.bgcolor:表格背景顏色

5.background:背景圖片

6.height、width

4.3 單元格合并

1.rowspan:所跨的行數(shù)

2.colspan:所跨的列數(shù)

五、表單

5.1 表單標簽：form action=”URL” method=”get|post” target=”...”/form

注意：form：該標記中包含的數(shù)據(jù)將被提交到服務器或者電子郵件中

action:指定服務器端處理提交表單信息的程序是什么。URL地址或電子郵件地址

method:get/post:數(shù)據(jù)傳輸?shù)椒掌鞯膫鬟f方法

target:服務器返回文檔結(jié)果的顯示位置：_blank:在新的瀏覽器窗口中打開

_self:在當前瀏覽器中顯示

5.2 表單標記

5.2.1 input標簽：input type=”類型” name=”服務器 獲取用戶輸入信息的名字” value=”初始值”

注意：1.type類型（輸入類型）:

1. text:單行文本框

2. password:密碼輸入框

3. radio:單選按鈕 checked表示默認

4. checkbox:復選框 checked表示默認

5. submit:提交按鈕

6. reset:重置按鈕

7. button:普通按鈕

2.maxlength：輸入的最大長度

5.2.2 select標簽

select name=”” size=”” multiple

option value=”選項1” 選項1

.......

option value=”選項n” 選項n

/select

注意：name:服務器 獲取用戶輸入信息的名字

value ：初始值

option：下拉框的內(nèi)容

multiple:多選，若沒有multiple則是單選

selected:表示默認選項

size:表示長度

5.2.3 textarea 標簽：textarea name=”...” cols=”...” rows=”...” wrap=”off/virtual/physical”

/textarea

注意: name：多行文本框的名稱

cols：一行可容納的字符數(shù)

rows：表示可顯示額的行數(shù)

wrap:virtual和phycal控制自動換行

分割線是一張圖片，html5怎樣做出這樣的效果

div class="aa"asdf/div

CSS部分：

body?{

background-color:?#282828

}

.aa?{

width:?200px;

height:?390px;

}

.aa:after?{

content:?"";

display:?block;

width:?0;

height:?100%;

border-left:?1px?solid?#3c3c3c;

border-right:?1px?solid?#1d1d1d;

}

其實就是給:after增加左邊和右邊，左邊的邊框的顏色稍淺些，右側(cè)的邊框的顏色稍重些，就能夠做出這種具有立體感的線條。