十天精通CSS3(慕課網上的教程筆記)
1、border-radius:向元素添加圓角邊框。
border-radius: 5px 4px 3px 2px; /* 四個半徑值分別是左上角、右上角、右下角和左下角,順時針 */
2、box-shadow:向盒子添加陰影。支持添加一個或者多個。
語法:
box-shadow: X軸偏移量 Y軸偏移量 [陰影模糊半徑] [陰影擴展半徑] [陰影顏色] [投影方式];
註意:inset 可以寫在參數的第一個或最後一個,其它位置是無效的。
3、border-image:
語法:
參數:
repeat:就是一直重復,然後超出部分剪裁掉,而且是居中開始重復;
Round 參數:Round可以理解為圓滿的鋪滿。為了實現圓滿所以會壓縮(或拉伸);
Stretch:很好理解就是拉伸,有多長拉多長。有多遠“滾”多遠。
十天精通CSS3(慕課網上的教程筆記)
相關推薦
十天精通CSS3(慕課網上的教程筆記)
sha 技術分享 邊框 eight 參數 顏色 -i ado 右下角 1、border-radius:向元素添加圓角邊框。 border-radius: 5px 4px 3px 2px; /* 四個半徑值分別是左上角、右上角、右下角和左下角,順時針 */ 2、box-
HTML基本語法(慕課網學習筆記)
標題 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>學習html標題</title> </head> &l
CSS基本語法(慕課網學習筆記)
CSS的宣告,內外聯樣式以及CSS的優先順序 css學習.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS學習&
js之window物件(慕課網學習筆記)
javaScript定義了一個變數一個函式都會變成window中的一個成員 var a=1; alert(window.a) //會輸出a的值 window基礎 建立視窗、調整視窗、移動視窗、關閉視窗 <!DOCTYPE html> <html lang
js之DOM入門(慕課網學習筆記)
DOM簡介 獲得元素 document.getElementById(’’) 1、通過id獲得元素內容 document.getElementsByTagName(’’) 2、通過標籤獲得元素內容 document.getElementsByClassName(’’) 3、通過
CSS定位(慕課網學習筆記)
定位模型 static自然模型 relative相對定位模型 absolute絕對定位模型 fixed固定定位模型 sticky磁鐵定位模型 possition之static(預設的設定)(靜態定位、常規定位、自然定位) 作用 使元素
Float浮動(慕課網學習筆記)
float浮動 屬性:值 意義 float:left 左浮動 float:right 右浮動 float:none
十天精通CSS3
大小 track rac 界面 pop 響應式 radi 第2章 tex 課程地址:http://www.imooc.com/learn/33 第1章 初識CSS
三大前端框架對比(慕課網學習記錄)
12.29學習記錄 一、3-1 前端框架的分析 What 框架中的框就是“約束”,架就是“支撐”,框架會控制我們書寫程式碼時的結構、依賴關係以及互動關係。簡單點來說就是我們按照框架的要求來寫業務,而與業務無關的一些內容由框架完成,提高開發效率。 Why
android實現計算器(慕課網視訊教學)
網址:http://www.imooc.com/video/3071 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://s
事件響應練習(慕課網題目)
通過 取值 font data 按鈕 turn del att get 編程練習 使用JS完成一個簡單的計算器功能。實現2個輸入框中輸入整數後,點擊第三個輸入框能給出2個整數的加減乘除。 提示:獲取元素的值設置和獲取方法為:例:賦值:document.getElemen
JS內置對象練習(慕課網題目)
星期四 rest html 內置 document har write func index 效果圖: XXXX年XX月X日 星期X--班級總分為:81 格式要求: 1、顯示打印的日期。 格式為類似“XXXX年XX月XX日 星期X” 的當前的時間。 2、計算出該班級的平均分
編程挑戰JavaScript進階篇(慕課網題目)
align mar setattr 家居 back 技術分享 meta lock cor 編程挑戰 現在利用之前我們學過的JavaScript知識,實現選項卡切換的效果。 效果圖: 文字素材: 房產: 275萬購昌平鄰鐵三居 總價20萬買一居 200萬內
抽獎系統(慕課網題目)
優化 asc window cursor 按鍵 center idt ole type 要求實現功能: 1.點擊左側按鍵,開始抽獎,點擊右側按鍵,停止抽獎; 2.敲擊回車鍵,開始抽獎,再次敲擊回車鍵,停止抽獎; 3.開始抽獎後,左側按鈕變色; html: <!DOC
QQ面板拖拽(慕課網DOM事件探秘)(下)
code gin 事件 left drag panel get mouseup onmouseup 2.鼠標事件坐標獲取 function fnDown(event) { var event = event || window.event; var oDr
CSS小技巧(慕課)筆記
enter cell 通過 水平居中 title pos 塊級元素 img ref 一、水平居中設置-行內元素 如果需要讓一個行內元素居中,則需要對其父元素設置:text-align。換句話說,如果一個元素(塊級)要使其內容(內容可能是文本也可能是行內子元素),則需要對這個
初識機器學習-理論篇(慕課筆記)
最好 框架 要求 它的 推薦系統 利用 評估 das 離散 什麽是機器學習 定義: 利用計算機從歷史數據中找出規律,並把這些規律用到對未來不確定場景的決策。 從數據中尋找規律 尋找規律:概率學 統計學統計學方法:抽樣 -> 統計 -> 假設檢驗隨著計算
Scrapy分布式爬蟲打造搜索引擎(慕課網)--爬取知乎(二)
false pat 模塊 text 文件的 服務 協議 .py execute 通過Scrapy模擬登陸知乎 通過命令讓系統自動新建zhihu.py文件 首先進入工程目錄下 再進入虛擬環境 通過genspider命令新建zhihu.py scrap
【總結整理】javascript基礎入門學習(慕課網學習)
節點 confirm pro remove prompt 例如 ref 存儲 基礎入門 https://www.imooc.com/learn/36 註意: javascript作為一種腳本語言可以放在html頁面中任何位置,但是瀏覽器解釋html時是按先後順序的,所以前面
Linux----軟件安裝管理(慕課網筆記)
樹形 擴展 方法 程序 style 慕課網 命令管理 平臺 很難 一、軟件包安裝簡介 軟件包分類 源碼包 腳本安裝包 二進制包(rpm包,系統默認包) 源碼包 源碼包優點 開源,如果有足夠能力,可以自行修改源代碼 可以自由選擇所需的功能 軟件是編譯安裝,所以