HTML,CSS本身是一門非常簡單的語言,主要就是幾個標簽及一些屬性修飾,稍微難點的就是我們必須知道的一些英文單詞,比如如下:
img: image的縮寫(圖片) 網頁上代表一張圖片
src: source的縮寫(資源) 網頁上是指要被調用的圖片,文件的位置
alt: alternative的縮寫(可供替代的) 當圖片顯示不出來時則顯示alt的文字信息
title: 標題 當圖片正常加載顯示,鼠標放到圖片上時顯示的文本內容
style: 風格,樣式, 比如修飾不同的顏色,大小,邊框等等
width: 寬 比如:width:200px; 寬:200像素
height: 高 比如:height:200px; 高:200像素
border: 邊框 理解為相框的邊界 比如: border:10px solid red; 邊框寬度:10px 的紅色邊框
solid: 連續的,實心的 dashed: 虛線border-radius: 邊框圓角
方向單詞: left : 靠左 right: 靠右 center: 居中 top: 頂部 bottom: 底部
a : 超級鏈接
href: 鏈接到哪里, 點擊跳轉到哪里target: 目標
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
常用于兩個地方:單行垂直居中 設置height = line-height
段落中多行字體之間的間隔 9, text-indent: 2em 文本縮進 10. text-align: 文本對齊background: 背景
background-color: 背景顏色
repeat : 平鋪 重復
no-repeat: 不平鋪padding: 內邊距 襯墊,填充的空白
margin: 外邊距 頁邊空白float: 浮動,飄動 像一條魚在池塘中游到左邊,或者右邊
clear: both; 清除兩邊的浮動 像一個擋板把上下隔開,導致上下兩邊的魚不能互相聊天
static: 靜態
relative: 相對 參照物: static時的位置
absolue: 絕對 參照物: 第一個父級relative的父級元素
fixed : 固定的 對照物: 瀏覽器