HTML,CSS本身是一門非常簡(jiǎn)單的語言,主要就是幾個(gè)標(biāo)簽及一些屬性修飾,稍微難點(diǎn)的就是我們必須知道的一些英文單詞,比如如下:
img: image的縮寫(圖片) 網(wǎng)頁上代表一張圖片
src: source的縮寫(資源) 網(wǎng)頁上是指要被調(diào)用的圖片,文件的位置
alt: alternative的縮寫(可供替代的) 當(dāng)圖片顯示不出來時(shí)則顯示alt的文字信息
title: 標(biāo)題 當(dāng)圖片正常加載顯示,鼠標(biāo)放到圖片上時(shí)顯示的文本內(nèi)容
style: 風(fēng)格,樣式, 比如修飾不同的顏色,大小,邊框等等
width: 寬 比如:width:200px; 寬:200像素
height: 高 比如:height:200px; 高:200像素
border: 邊框 理解為相框的邊界 比如: border:10px solid red; 邊框?qū)挾龋?0px 的紅色邊框
solid: 連續(xù)的,實(shí)心的 dashed: 虛線border-radius: 邊框圓角
方向單詞: left : 靠左 right: 靠右 center: 居中 top: 頂部 bottom: 底部
a : 超級(jí)鏈接
href: 鏈接到哪里, 點(diǎn)擊跳轉(zhuǎn)到哪里target: 目標(biāo)
target="_blank" 在瀏覽器新窗口打開文檔字體修飾屬性:
1, font-size: 14px; 字體大小 14px
2, font-weight: bold; 字體加粗
3, color: red; 字體顏色 紅色
4, text-decoration: underline; 文本修飾,顯示下劃線
5, text-decoration: none; 文本修飾,無下劃線
6, text-decoration: line-through; 文本修飾,加刪除線
7, font-family:'微軟雅黑'; 指定使用什么字體,比如宋體,黑體等
8, line-height: 30px; line-height:行高 一行文字占的高度 30px
常用于兩個(gè)地方:?jiǎn)涡写怪本又? 設(shè)置height = line-height
段落中多行字體之間的間隔 9, text-indent: 2em 文本縮進(jìn) 10. text-align: 文本對(duì)齊background: 背景
background-color: 背景顏色
repeat : 平鋪 重復(fù)
no-repeat: 不平鋪padding: 內(nèi)邊距 襯墊,填充的空白
margin: 外邊距 頁邊空白float: 浮動(dòng),飄動(dòng) 像一條魚在池塘中游到左邊,或者右邊
clear: both; 清除兩邊的浮動(dòng) 像一個(gè)擋板把上下隔開,導(dǎo)致上下兩邊的魚不能互相聊天
static: 靜態(tài)
relative: 相對(duì) 參照物: static時(shí)的位置
absolue: 絕對(duì) 參照物: 第一個(gè)父級(jí)relative的父級(jí)元素
fixed : 固定的 對(duì)照物: 瀏覽器