HTML5和CSS3是現代網頁開發中必不可少的工具，HTML5作為網頁結構的核心語言，而CSS3作為網頁樣式的重要玩家，它們的合作是任何一個網站都離不開的。下面將為大家介紹一些常用的HTML5和CSS3代碼，讓大家輕松上手。
一、HTML5常用代碼
1. 開啟HTML5聲明 <!DOCTYPE html> 2. 文字樣式 <h1>...</h1> //最大的標題 <h2>...</h2> //略小一號的標題 <p>...</p> //文本塊 <a href="...">...</a> //鏈接 <ul>...</ul> //無序列表 <ol>...</ol> //有序列表 <li>...</li> //列表項 <img src="..." alt="..."> //圖片 <form>...</form> //表格 <input type="text" name="..."> //文本輸入框 <select>...</select> //下拉列表框 <option>...</option> //下拉列表框選項
二、CSS3常用代碼
1. 背景樣式
background-color: #fff; //背景色
background-image: url("..."); //背景圖片
background-repeat: no-repeat; //背景圖片不重復
background-position: center; //背景圖片位置
2. 字體樣式
font-size: 14px; //字體大小
font-weight: bold; //粗體
font-style: italic; //斜體
font-family: "Microsoft YaHei", sans-serif; //字體樣式
3. 邊框樣式
border: 1px solid #ccc; //邊框寬度、樣式、顏色
border-radius: 5px; //邊框圓角
4. 文本樣式
color: #333; //字體顏色
text-align: center; //文本居中
text-decoration: none; //鏈接無下劃線
text-shadow: 1px 1px #ccc; //文字陰影
5. 盒子樣式
width: 100px; //盒子寬度
height: 100px; //盒子高度
margin: 10px; //外邊距
padding: 10px; //內邊距
float: left; //浮動
6. 動畫效果
transition: all .5s ease; //過渡效果
transform: rotate(45deg); //轉換樣式
以上就是一些常見的HTML5和CSS3代碼，如果掌握了這些基本知識，就可以輕松構建出精美的網頁。當然，還有許多更高深的技術等待我們去學習和探索。下一篇mysql地址寫法