css學習點總結

技術總結 換行符html

這是一個段落函數

 

定義粗體文本 定義斜體文本 定義刪除文本 定義上標字 定義下標字 連接的 字體

說明: shape 熱區形狀(rect、circle、poly ) coords動畫

  • 第1li
  • 第2li
  • 第3li
  • 第4li
  • 第5li
  1. 第幾個li
  2. 第幾個li
  3. 第幾個li
  4. 第幾個li
  5. 第幾個li
我靠左
空二格在開始
我靠左
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>技術總結</title>
</head>
<body>
 換行符
<br />
<p align="left">這是一個段落</p>
<!-- right.center -->
<b>定義粗體文本</b>
<i> 定義斜體文本 </i>
<del>定義刪除文本</del>
<sup>定義上標字</sup>
<sub>定義下標字</sub>
<a href="">連接的</a>
<img src="url" width="" height="" alt="">
<!-- 9. 圖像熱區(擴展)
 -->
<img src="URL"  usemap="# map 名稱" />
<map name="map 名稱">
    <area shape="形狀" coords="座標值" href="URL" />
</map>

說明:
shape       熱區形狀(rect、circle、poly )
coords      <!-- 形狀的座標值 -->

<ul>
    <li>第1li</li>
    <li>第2li</li>
    <li>第3li</li>
    <li>第4li</li>
    <li>第5li</li>
</ul>

<ol class="8">
    <li>第幾個li</li>
    <li>第幾個li</li>
    <li>第幾個li</li>
    <li>第幾個li</li>
    <li>第幾個li</li>
</ol>

<dl>
    <dt>我靠左</dt>
    <dd>空二格在開始</dd>
    <dt>我靠左</dt>
</dl>
<table width="120" height="120"align="center"bgcolor="red" >
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>

</table>
<form >
    <input type="text" name="user">
    <input type="password" name="password">
    <input type="image" name="img" src="">
</form>

<input type="radio" name="sex" value="1" id="male" />
<label for="male">男</label>
<input type="radio" name="sex" value="0" id="female" />
<label for="female">女</label>

</body>
</html>

 

         
         

url

ef
e>f
e+f
e-f
!>id>class>子>行>塊
#ccc 
red
link
visited
hover
active
float:left;
margin-left:12px
padding-top:12px;
font-family:字體;
font-size:12px;
font-weight:bold;
color;red;
text-decoration:none;
/* opacity:0.5; */
boder:2px solid red;
border-radius:12px;
line-heigt;12px;
text-align:center;
text-indent:2em;
/* letter-spacing:-5px;
文字之間的距離 */
background-images:url();
background:url() no-repeat center top;
/* background-origin : border-box | padding-box | content-box;
background-clip : border-box | padding-box | content-box | text
ul { list-style-type:disc;}     實心圓
ul { list-style-type:circle;}       空心圓
ul { list-style-type:square;}       實心方塊
ul { list-style-type:none;}     不顯示項目符號
ol { list-style-type:decimal;}      阿拉伯數字
ol { list-style-type:lower-roman;}      小寫羅馬數字
ol { list-style-type:upper-alpha;}      大寫英文字母
 */
list-style-image :none;
transition-duration: .5s;
/* ease:默認值,逐漸變慢(cubic-bezier(0.25,0.1,0.25,1))
linear:勻速過渡效果(等於 cubic-bezier(0,0,1,1))
ease-in:加速的過渡效果(等於 cubic-bezier(0.42,0,1,1))
ease-out:減速的過渡效果(等於 cubic-bezier(0,0,0.58,1))
ease-in-out:加速而後減速(等於cubic-bezier (0.42, 0, 0.58, 1.0))
cubic-bezier(n,n,n,n):在 cubic-bezier 函數中定義本身的值。
可能的值是 0 至 1 之間的數值。(動畫速度自定義) */
/* transition-delay:.1s;
animation-timing-function: ease | linear | ease-in | ease-out | ease-in-out
 */
normal:正常方向
reverse:反方向運行
alternate:動畫先正常運行再反方向運行,並持續交替運行
alternate-reverse:動畫先反運行再正方向運行,並持續交替運行
none:默認值。不設置對象動畫以外的狀態
forwards:設置對象狀態爲動畫結束時的狀態
backwards:設置對象狀態爲動畫開始時的狀態
both:設置對象狀態爲動畫結束或開始的狀態
static : 無定位,默認值
absolute:絕對定位
relative : 相對定位
fixed:固定定位

 

                   切圖部局的總結

2.做圖沒有概括好就開始作了。(後來再作概括) 3.再作圖的過程當中發現問題時,會停留5到10鍾作 思考,再去找答案。 4.經過做圖發現本身記住的標籤屬性過小了,作一 段不知道了,要去查資料。 5.打字速度慢了點。 6.總結起來仍是要多作多練了。 7.但願同窗們或老師有什麼好的方法教教我幫幫我。
相關文章
相關標籤/搜索