1、css3實現圓角屬性？陰影？邊框圖片？
答：border-radius: 百分比 和像素 box-shadow : 水平方向陰影 垂直方向的陰影 陰影模糊程度 顏色 border-image
2、對文字添加陰影屬性？ 線性漸變？ 旋轉？
答 ： text-shadow : 水平方向陰影 垂直方向的陰影 陰影模糊程度 顏色 linear-gradient( red green) 默認方向為由上到下 至少兩種顏色 ； transform:rotate( 30deg)
3、對背景圖尺寸修改屬性
background-size
background-origin
background-clip
4、偽類選擇器和偽元素的區別？
偽類是在原有存在的元素進行渲染，沒有添加新元素；
而偽元素創建了新元素，但卻不是真實存在。
5、簡要說明H5拖拽的過程？
<style> #box{ width: 500px; height: 300px; border: 1px solid red; } </style> </head> <body> <div id="box" ondrop="drop(event)" ondragover ='over(event)'></div> <img src="./images/logo.png" alt="" draggable="true" ondragstart="start(event)" id="img1"> </body> <script> // 1.獲取元素 var oBox = document.getElementById('box'); var oImg = document.getElementById('img1'); // 2.定義方法 // 開始拖拽 function start(event){ // dataTransfer.setData 設置屬性 console.log(event) // 相當於設置一個屬性a用來存儲img的id值。目的：方便再放下的時候可以知道放下的是誰 event.dataTransfer.setData('a',event.target.id) // console.log(event.target.id) //img1 // console.log(this.id) // console.log(this) } // 准備放下 function drop(event){ event.preventDefault();//阻止事件的默認行為 var data = event.dataTransfer.getData('a') console.log(event.dataTransfer.getData('a')) document.getElementById('box').appendChild(document.getElementById(data)) } // 已經放下 function over(event){ event.preventDefault(); } // oImg.ondragstart = function () { } </script>
6、H5新增的表單屬性有哪些？分別代表什么意思？
(1)、placeholder 占位符
(2)、autofocus 獲取焦點
autofocus 屬性是一個 boolean 屬性.
autofocus 屬性規定在頁面加載時，域自動地獲得焦點。
讓 "First name" input 輸入域在頁面載入時自動聚焦：
First name:<input type="text" name="fname" autofocus>
(3)、autocomplete 自動完成，用於表單元素，也可用於表單自身
autocomplete 屬性規定 form 或 input 域應該擁有自動完成功能。
當用戶在自動完成域中開始輸入時，瀏覽器應該在該域中顯示填寫的選項。
提示: autocomplete 屬性有可能在 form元素中是開啟的，而在input元素中是關閉的。
注意: autocomplete 適用於 <form> 標簽，以及以下類型的 <input> 標簽：text, search, url, telephone, email, password, datepickers, range 以及 color。
HTML form 中開啟 autocomplete (一個 input 字段關閉 autocomplete ):
<form action="https://www.runoob.com/try/demo_source/demo-form.php" autocomplete="on">
First name:<input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
E-mail: <input type="email" name="email" autocomplete="off"><br>
<input type="submit">
</form>
(4)、name 指定表單項屬於哪個form，處理復雜表單時會需要
(5)、novalidate 關閉驗證，可用於<form>標簽
novalidate 屬性是一個 boolean(布爾) 屬性.
novalidate 屬性規定在提交表單時不應該驗證 form 或 input 域。
<form action="https://www.runoob.com/try/demo_source/demo-form.php" novalidate>
E-mail: <input type="email" name="user_email">
<input type="submit"> </form>
(6) 、required 驗證條件，必填項
required 屬性是一個 boolean 屬性.
required 屬性規定必須在提交之前填寫輸入域（不能為空）。
注意:required 屬性適用於以下類型的 <input> 標簽：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。
(7) 、pattern 正則表達式 驗證表單
pattern 屬性描述了一個正則表達式用於驗證 <input> 元素的值。
注意:pattern 屬性適用於以下類型的 <input> 標簽: text, search, url, tel, email, 和 password.
提示： 是用來全局 title 屬性描述了模式.
提示： 您可以在我們的 JavaScript 教程中學習到有關正則表達式的內容
(8)、maxlength 最大長度 minlength最小長度
一般用於text文本屬性
7、什么是響應式設計？