原创 20180608-CSS-CSS選擇的樣式-CSS應用

CSS樣式命名規範:常用的CSS樣式命名:總結:CSS選擇器:CSS優先級:CSS樣式命名規則:

原创 20180609-CSS-文本樣式-字體樣式

CSS字體和文本樣式:文字樣式屬性:font-family字體屬性:使用多個字體,字體樣式:字體大小: font-size文字大小:px受屏幕分辨率影響。em%繼承的父元素的百分比顏色設置:可以簡寫爲:080,效果一樣不區分大小寫。網絡查

原创 20180611-CSS-背景和列表-課程介紹/詳細內容

transparent是透明色。顏色名、rgb、十六進制   最常用,兼容性最好margin外填充的內容不包含在背景中。(邊框移動,沒有填充)padding內填充border:20px solid;border是邊框  加上實線啊虛線啊纔

原创 20180614-CSS-css定位-position屬性詳解

HTML中的三種佈局方式:標準流;順序佈局浮動;定位;HTML兩大元素:1,塊級元素;獨佔一行!div    h1~6     列表(ol,ul,li )   table  p 等等;2,內聯元素;一般不會獨佔一行!a超鏈接   span

原创 20180613-CSS-float浮動-系列

其中,float:right;會從右往左顯示,詳情如圖。文字環繞效果:img{ float:left}在style標籤下,建立圖片的樣式,注意:img前面,沒有點,沒有點!!!!【點,是class屬性裏面用的,標籤名直接寫就行,不需要寫點

原创 20180721- JavaScript-Dom事件-事件類型

事件類型         onblur   <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title

原创 20180715- JavaScript流程控制語句

分支語句            ①掌握條件語句if     語法一:                 if(condition){                            statement1;               

原创 20180616-CSS-網頁佈局-經典佈局/總結

聖盃佈局:佈局要求:上右下左padding:0 220px 0 200px;相對定位:position:relative;/*相對定位*/模塊上移策略:margin-left:-100%;/*浮動屬性下,負邊界值會導致模塊上移*/ lef

原创 20180724- JavaScript-實現輪播特效-輪播插圖內容和樣式

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href=

原创 20180723- JavaScript-Bom對象-location對象

        <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style>

原创 20180725- JS數組的基礎知識

數組 一、定義 1.數組的文字定義         廣義上說,數組是相同類型數據的集合。但是對於強類型語言和弱類型語言來說其特點是不一樣的。強類型語言數組和集合有以下特點。               數組強類型語言:1.數組裏面只能存放

原创 20180714- JavaScript語法2

StringString類型用於表示由零或多個16位Unicode字符組成的字符序列,即字符串。字符串可以由雙引號(")或單引號(')表示。toString()與String()語法:str.toString()功能:將str轉換爲字符串

原创 20180615-CSS-網頁佈局

寫了半天竟然沒了!!!!好氣好氣!課程介紹:認識佈局:-以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置-佈局模式有多種,不同的製作者會有不同的佈局設計爲什麼要學習網頁佈局:-製作一個網頁的基礎課程包含內容:-行佈局-多列布局-聖盃佈局

原创 20180720- JavaScript-Dom事件

HTML事件 直接在HTML元素標籤內添加事件,執行腳本。         DOM0級事件      

原创 20180719- JavaScript-Dom基礎

  如何獲取一個元素 如何訪問一個元素的樣式 如何設置和刪除屬性   1、掌握基本的DOM查找方法         doucument.getElementById()         doucument.getElementByTag