WebStorm練習筆記

2021-07-26 05:14:15 字數 3667 閱讀 7318

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放置的是標題

放置的是列表項

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屬性來進行區分。

表單的作用:可以收集使用者資訊。

text 表示的文字型別

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...