1.margin設定區塊元素水平居中
margin:0 auto;設定左右外邊距的大小，控制元素的水平居中。
.center
style>
class="center">
使用margin進行元素的居中p>
div>
body>
2.position屬性設定元素的左右對齊
.right
class="right">
我是右對齊的區塊p>
div>
body>
html>
.right1
head>
class="right1">
我是浮動右對齊的區塊p>
div>
body>
html>
.padcenter
style>
class="padcenter">
我是用padding垂直居中的元素p>
div>
body>
html>
.linecenter
style>
class="linecenter">
我是利用行高進行水平居中的元素p>
div>
body>
html>
.pocenter
.pocenter
p
style>
class="pocenter">
我是利用絕對定位進行水平垂直居中的元素p>
div>
body>
html>
1.圓角邊框
border-radius :用於指定圓角邊框的圓角半徑。
如指定1個引數，則4個圓角都使用該長度作為半徑。
如指定2個引數，則第乙個引數作為左上角和右下角的半徑，第二個引數作為右上角和左下角的半徑。
如指定3個引數，第乙個引數作為左上角的半徑，第二個引數作為右上角和左下角的半徑，第三個引數作為右下角的半徑。
divstyle>
2.邊框陰影
box-shadow屬性用於增加盒模型元素的邊框陰影。一共有5個引數。
第乙個引數：控制陰影在水平方向的偏移。
第二個引數：控制陰影在垂直方向的偏移。
第三個引數：控制陰影的模糊程度。
第四個引數：控制陰影的縮放程度。
第五個引數：改屬性值控制陰影的顏色。
div
style>
head>
div>
body>
1.漸變動畫
transition動畫可以控制html元件的某個屬性發生改變時經歷的時間，使其以平滑漸變的方式發生改變，產生動畫效果。有4個引數。
第乙個引數：指定對哪個html元素進行處理。
第二個引數：定義持續時間。
第三個引數：指定漸變的速度。（有多個可用的屬性值，請完成自學）
第四個引數：指定延遲時間。
div div
:hover
style>
div>
body>
annimation動畫提供了更靈活的製作動畫的方法。animation是乙個符合屬性，有5個引數：
第乙個引數：指定動畫的名稱。
第二個引數：指定動畫的持續時間。
第三個引數：指定動畫的變化速度。
第四個引數：指定動畫延遲多久開始執行。
第五個引數：指定動畫迴圈執行的次數。
div @keyframes myfirst
25%
50%
100%
}style>
div>
body>
十一月七日學習心得
今天上午主要學習了css居中對齊的方式和css3的邊框與動畫製作。1.margin設定區塊元素水平居中 2.position屬性設定元素的左右對齊 3.float屬性設定左右對齊 4.padding屬性設定水平垂直居中 5.line height屬性設定水平垂直居中 6.絕對定位和transform...
十一月一日課堂筆記
計算機軟體概論 1.科學分類 2.軟體分類 3.學習重點 4.b s結構應用原理 電腦科學的分類 計算機硬體 計算機網路 計算機軟體 計算機硬體 認識計算機的組成 控制器 運算器 儲存器 輸入輸出裝置 1.儲存器 記憶體是在執行時儲存資料的，輸入輸出效率是非常高的。硬碟是持久化儲存，斷電後依舊存在。...
十一月讀書筆記1
在教學過程中，學生的行為表現都可以被資料化，而這項研究不是任何乙個專業可以深入下去的，它的專業性太強，所以我才會想到，所謂教育技術與其研究教育的數位化，不如研究教育的資料化來得實在，來的有意義。長期以來，我們並不了解教育對乙個人的影響具體會如何表現，我們有的只是乙個輪廓，我們也並不確定乙個教師的行為...