overflow是css**
最主要的用法有兩種
style="width:500px;height:22px;line-heihgt:22px;overflow:hidden">這裡有一大長串文字div>作用是當寬度文字超出500px,高度超出22px的時候,超出的部分隱藏起來……
overflow
:auto;
作用是當超出設定的長寬時,出現滾動條
list-style 簡寫屬性。用於把所有用於列表的屬性設定於乙個宣告中。
list-style-image 將圖象設定為列表項標誌。
list-style-position 設定列表中列表項標誌的位置。
list-style-type 設定列表項標搜尋志的型別。
margin 邊緣,範圍
padding 內邊距
float 對齊
單行標誌
這是網頁編碼設定
設定文字標籤,預設是3,最大是7,color是字型顏色,face是 字型方式
size="5"
color="while"
face="宋體">字型標籤font>
段落標籤
換行標籤
標題標籤,區別,在於以數字大小排序,標題依次變小
水平線、分割線
01 color :顏色,它可以設定我們的水平線顏色。
02 width :寬度,它可以來設定我們水平線的寬度。
03 align: 水平顯示方式 居中 居左 居右
04 size: 它可以調節我們我們水平線的粗線。
下面是例項:
以下是**
"400"
align="left"
color="red"
size="10">
加粗:在我們的html裡加粗有二組標籤
下劃線標籤:
刪除線標籤
src="路徑"
width="300"
height="100" />
這個是插入
src:它是我們的路徑(位址)。
width: 它可以更改我們的寬度。
height:它可以更改我們的的高度。
title: 它是我們的標題,當我們滑鼠移上的時候會顯示它裡面的文字。
alt: 它是我們替換文字,當不能正確載入的時候它會顯示我們的替換文字。
border: 邊框,它可以設定我們的邊框。
01 空格: 乙個 乙個 它就帶表乙個空格(英文狀態下)
01 空格: 乙個 乙個 它就帶表乙個空格(英文狀態下)
02 小於號: < ====> <
02 小於號: < ====> <
03 大於號:> ====》>
03 大於號:> ====》 >
href="路徑"
title="當滑鼠放到鏈結上的時候我們可以看到title裡的文字。" >
01 href: 它與我們img中的src類似。不過它是將我們當前頁面跳到其它地方去,裡面寫的是我們的檔案路徑。
02 title: 鏈結標題。當滑鼠放到鏈結上的時候我們可以看到title裡的文字。
03 target: 它可以控制我們鏈結的開啟方法
_self: 表示頁面在當前視窗開啟。
_blank: 表示頁面在新視窗開啟
_parent: 【與框架集有關】
_top:【與框架集有關】
在我們的html裡面列表分三種:
無序列表
有序列表
自定義列表
ul
type: 它是ul 、li的屬性,通過它我們可以控制無序列表前面小點點的展示形式。
01 disc : 它就是預設值,展示為小圓點。
02 circle: 它表示前面是乙個小圓圈。
03 square: 它表示前面是小方塊。
ol
type :它是乙個屬性可以控制我們li裡面的數字。
01 a: 它表示列表按著小寫字母的順序來進行排列。
02 a: 按字母順序排列此時是大寫。
03 i: 按著i ii iii……. 進行排列
04 i: 按著i ii iii……進行排列
05 1:按著 1 2 3…..進行排列
dl放置的是標題
放置的是列表項
text 表示的文字型別
border="1"
width="400"
height="160"
align="center"
cellspacing="0"
cellpadding="0">
姓名th>
姓名th>
姓名th>
tr>
align="center">
rowspan="2">姓名td>
colspan="2">姓名td>
tr>
align="center">
姓名td>
姓名td>
tr>
table>姓名
姓名姓名
姓名姓名
姓名姓名
width: 它可以設定我們**的寬度。
border:它可以設定我們**的邊框。
align: center 可以讓**居中顯示。
height:更改**的高度。
cellspacing: 它表示我們單元格與單元格之間的距離( 它是table的屬性 )
cellpadding: 它表示我們單元格內容與單元格之間的距離。
**的特性:**裡的單元格和行可以自動平分我們**的寬和高
rowspan 往下合併,引數為合併多少行,下面的屬性可以省略多少行
colspan 往右合併,引數為合併多少列,右面的屬性可以省略多少行
input
在html裡面有很多個表單元素,但是它們有一些規律,大部分的表單元素都是input 然後通過 type屬性來進行區分。
表單的作用:可以收集使用者資訊。
password為密碼型別
file為上傳檔案
button為登入型別
date為時間型別
tel為**號碼型別
為下拉列表
這是為文字域
包裹的內容形成表單域
webstorm入手筆記
一 webstorm學習前小記 webstorm是一款現在前端用的比較多的ide,其優勢也比較多,這個大家在網上隨便搜搜就可以找到了。但是本人大部分的時間都是使用sublime text工作,最近由於工作上面比較常出現一些粗心大意的問題,所以我的leader就建議我去學習一下webstorm,畢竟w...
WebStorm主題設定
對於使用webstorm作為開發工具的筒子們,應該忍受不了預設的主題吧,但是自己去乙個乙個設定又太繁瑣。so,去網上下個主題那是必須的。搜來一圈,發現乙個 提供了不少主題。閒話少說,進入正題。2.然後將主題檔案copy到乙個資料夾下。使用osx系統的童鞋放到 libray preferences w...
Webstorm快捷操作
ctrl shift f12 顯示目錄alt tab切換 開啟檔案切換ctrl alt l 格式化 ctrl alt t 圍繞包裹 ctrl 匹配 ctrl d 行複製 ctrl x 剪下行 ctrl r 替換alt shift c 對比最近修改的 ctrl f12 顯示當前檔案的結構 ctrl s...