原创 今日收穫 18/4/2

1.body中設置border-box屬性是不會被繼承的。2.注意內聯元素的的外邊距3.研究一下overflow屬性

原创 幾個CSS3妙用嘗試【基於"追夢子"博文】

在網上發現某位大神的博客,講解了幾個CSS妙用,以下逐一嘗試原文鏈接:CSS3妙用-追夢子--------------------------------------------------------------------------

原创 javascript pt 1

今天開始自學js如需從 JavaScript 訪問某個 HTML 元素,您可以使用 document.getElementById(id) 方法。請使用 "id" 屬性來標識 HTML 元素在 JavaScript 中,用分號來結束語句是

原创 javascript pt 2

查找 HTML 元素通常,通過 JavaScript,您需要操作 HTML 元素。爲了做到這件事情,您必須首先找到該元素。有三種方法來做這件事:通過 id 找到 HTML 元素 var x=document.getElementById(

原创 「菜鳥初探」純CSS實現二級導航

最近把《CSS實戰手冊:the missing manual》的基礎部分看得差不多了,也想實踐一下子。其實該從哪些部分開始下手實踐我也不知道,偶然看見“二級導航”這幾個字便趁空一試。成果圖:代碼在最下方。大致思路:使用嵌套列表,子菜單使用

原创 今日收穫 18/3/30

1. DIV中如果只有行內元素,那麼DIV是不會被撐起來的2.在圖片上加字,看到的常用的方法是“絕對與相對定位”,也可添加背景圖。<figure>用着有些奇怪,之後研究。3.製作等高型分欄:a.表格(俺不想用) b.僞造分欄(使用背景平鋪

原创 今日收穫 18/4/1

1.發現圖片的<img>這個標籤自動並排顯示2.今天發現,將div中的塊級元素絕對定位後,與同級塊狀元素重疊了。所以,又看了書上定位各屬性的意義。書上對絕對定位的說法是:絕對定位的元素完全脫離HTML代碼確定的頁面流(把元素從頁面流中移出

原创 今日收穫 5/12 CSS動畫,貝塞爾曲線,+選擇器

 因爲之前對CSS的動畫這塊掌握的不太好,所以今天打算寫個氣球搖擺上升的動畫。但是沒寫到幾句,就發現氣球完全沒反應,結果是animation屬性簡寫時,其中的animation-delay對應的值應該是0s,而我少加了一個單位,坑死我啦。

原创 深入淺出js-讀書記錄 4/27

雖然有六百多頁,但是看得很快。不過裏面的mini project並沒有跟着敲,許是我太懶,雖然深入淺出js這本真的非常基礎,對初學者很友好,但是在實戰這塊沒有《CSS實戰手冊》的體驗好,後者真的完全是一步步

原创 js高級程序設計-讀書記錄 ch3

第三章 基本概念3.1 語法3.1.1 區分大小寫3.1.2 標識符指變量、函數、屬性的名字,或者函數的參數。,按照慣例使用camelcase。3.1.3 註釋C風格://&/**/3.1.4 嚴格模式(可以理解成異常處理?)在嚴格模式下

原创 今日收穫 5/10 張鑫旭 CSS+inline/block區別+導航欄的一種實現+圖片居中實現

www.zhangxinxu.com/wordpress/category/css/page/26/margin是可以三個參數的誒,有對稱原則。他說要少用float絕大多數網站的主流文字大小爲12px。 用戶的瀏覽器默認渲染的文字大小是“

原创 js高級程序設計-讀書記錄 ch6

6.1.1 屬性類型1ECMA有兩種屬性:數據屬性和訪問器屬性1.數據屬性這都是處理對象的嗎要修改屬性默認的特性,必須使用object.defineProperty()方法。這個方法接收三個參數:屬性所在的對象,屬性的名字和一個描述符對象

原创 深入淺出JavaScript-讀書記錄 ch1-3

<script>標籤(本質html)只不過是表示接下來是腳本語言,type="text/javascript"才說明是js。js是解釋語言,因爲不需要編譯器的轉換、onblur指示用戶移往下一個輸入域。onload事件,在瀏覽器完成iRo

原创 js高級程序設計-讀書記錄 ch4

第四章 變量、作用域和內存問題4.1 基本類型和引用類型的值這是ECMA包含的兩種不同數據類型。基本類型是保存在棧內存中的簡單數據段,即這種值完全保存在內存中的一個位置;引用類型則是指那些保存在堆內存中的對象,意思是變量中保存的實際上是一

原创 關於SVG的一點點學習

原文地址:https://zhuanlan.zhihu.com/p/25016633<?xml version="1.0" standalone="no"?> <svg width="600" height="250" version="