原创 CSS學習(八)渲染屬性的使用

一、css3計數器 counters 類似於列表,優點在於:可以對任意元素計數,可以自定義計數樣式,比如爲大寫的中文:壹貳叄 相關屬性,見圖 使用方法: ①定義計數器–需要計數的父元素 ②增數計數器–計數元素 ③調

原创 CSS3學習(六)盒子、背景、邊框新樣式

盒子樣式 一、display屬性 包含值有 ①block //塊狀顯示,佔一行 ②inline //行內顯示,不換行 ③inline-block //內聯行內顯示,且

原创 Javascript基礎(1)基本介紹

DOM (Document Object Model)(文檔對象模型)是用於訪問 HTML 元素的正式 W3C 標準 <script></script>可被放在<body>和<head>部分中,老舊的實例可能會在 <script

原创 Javascript基礎(6)BOM簡介

1.BOM(browser object model)瀏覽器對象模型: window對象 (表示瀏覽器窗口)底下還包含: window.screen對象 (包含與窗口有關的屬性和方法,如寬、高、位置、打開、關閉等

原创 Javascript基礎(2)細節知識

JavaScript變量的生存期:局部變量會在函數運行以後被刪除;全局變量會在頁面關閉後被刪除 在 HTML 中, 全局變量是 window 對象: 所有數據變量都屬於 window 對象 在函數中,如果用this,表示當前對調

原创 《Javascript學習指南》 讀書筆記

注:筆記中的頁碼均對應pdf電子書中的數字頁碼,非紙書中的實際頁碼 javascript 中 函數也可以作爲一個對象 兩個名詞: BOM(Browser object model) 瀏覽器對象模型 DOM(

原创 Html5(2)新增的結構元素 及 新增頁面元素

新增的主體結構元素 ①article 元素 //描述獨立完整的文檔,如博客、帖子、評論;可以嵌套使用;可以作爲插件使用 ②section 元素 //用來劃分區域,常由標題和內容構成;不同於div,如果需要被腳本操作,通常選擇

原创 CSS3學習(九) 更高級的CSS用法

面向對象的CSS思想 1.作用: ①代碼複用,減小代碼體積 ②提高渲染效率 ③建立起組件庫思想、柵格佈局、減少選擇器,提升思考的格局 2.注意: ①結構與皮膚分離 ②容器與內容分離 ③抽象出可重用元素,建立組件庫

原创 CSS3學習(七)響應式佈局基礎

作用:爲兼容不同尺寸的屏幕,動態修改尺寸 Flex box(彈性盒子屬性) 一、概念瞭解 ①彈性容器(flex container) ②彈性子元素(flex item) ③主軸(main axis,子元素排列方向);側軸(c

原创 Javascript基礎(5)對象

1.javascript中對象也可以通過構造器來新建: function person(firstname,lastname) //定義構造函數 { this.firstname=firstname

原创 Javascript基礎(3)正則、JSON、函數簡介

1.正則表達式: ①由模式和修飾符構成:/this/i this就是模式,i表示不區分大小寫。這個作爲搜索包含this字符串的正則 ②字符串可以用match()、search()和replace()方法來使用正則表達式:

原创 CSS3學習(五)字體相關樣式

一、 關於文字和盒子模型陰影的語法 X-shadow:水平偏移量 豎直偏移量 模糊程度 顏色; 如: text-shadow:5px 5px 5px gray; 還可以顯示多重陰影,只需要在參數值之間添加逗號即可 如: bo

原创 Html5(0) 初步瞭解

html的新特性:用於繪圖的canvas標籤 用於媒體回放的video 和 audio元素 本地離線存儲的更好支持 新語意元素:article、footer、header、nav、section

原创 Html5(3)表單相關新特性

表單新增元素與屬性 ①form 屬性 //form不再只是一個元素,還可以作爲一個屬性,指向特定的表單 舉例: <form id="testform"> <input typ

原创 Html5(4)Selection 和 Range對象

HTML5的Selection 和 Range對象(一) ①概念:代表頁面上一段連續區域,通過Range可以修改(增刪改)頁面上任意區域 ②使用:獲取選取內容的方法: 如圖 ③Range對象包含幾個方法:Sel