Time of Update: 2016-07-17
【CSS】使用邊框和背景,css邊框背景1. 應用邊框樣式先從控制邊框樣式的屬性開始。簡單邊框有三個關鍵屬性:border-width、border-style 和 border-color 。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Example</title> <style
Time of Update: 2016-07-16
【CSS】理解CSS,理解cssCSS(Cascading Style Sheet,層疊樣式表),及其精巧且富有表達力,開發人員可以用最為高效的方式高度掌控網頁內容的表示。1. 盒模型CSS中的一個基本概念是盒模型(box
Time of Update: 2016-07-17
使用Axure來模擬Vogue網站,axure模擬vogue網站 使用者體驗包括三部分:使用者研究、視覺設計和互動設計。按順序進行,在使用者研究和視覺設計之後,開始互動設計,Axure是最好的互動設計的軟體。Vogue是著名的奢侈品品牌,網站設計“高大上”,用Axure來模擬Vogue,能夠充分挖掘Axure的潛能。Vogure 網站首頁具有四大功能:菜單,旋轉木馬,固定在右下方的導航和反饋視窗。下面簡單介紹如何用Axure來實現這四個功能。 一、
Time of Update: 2016-07-16
隨筆之——浮動(float)的影響及其清除、、clear與overflow-hidden清除float的不同!!!,overflowhidden一、浮動(float)對內嵌元素的影響。1.我們都知道,內嵌元素(例如:span/img/input...)在正常情況下不可以對其設定寬高的,它的大小之只和它內部內容的多少有關。我們怎樣才可以對其設定寬、高呢?可以用display:block;或者display:inline-block;讓它轉換成為塊元素之後再對其設定寬、高。2.當我們對內嵌元素flo
Time of Update: 2016-07-16
相容性問題,瀏覽器安全色性問題1.H5標籤相容。解決:js:document.createElement("footer");css:display: block;或者直接使用 html5shiv.js元素浮動之後,能設定寬度的話就給元素加寬度.如果需要寬度是內容撐開,就給它裡邊的塊元素加上浮動;<div class="box clear"> <body> <div
Time of Update: 2016-07-16
meta,meta分析在web設計中使用js可以實現很多的頁面特效,然而很多人卻忽視了HTML標籤中META標籤的強大功效,其實meta標籤也可以實現很多漂亮的頁面過渡效果。 META標籤是HTML語言HEAD區的一個輔助性標籤,Meta 標籤放在每個網頁的<head>...</head> 中間,我們大家比較熟悉的如: <meta name="GENERATOR" content="Microsoft FrontPage 3.0">//說明編輯工具; <
Time of Update: 2016-07-14
標準W3C盒子模型和IE盒子模型CSS布局經典盒子模型(轉),w3ccssW3C盒子模型和IE盒子模型CSS布局經典盒子模型(轉) 盒子模型是css中一個重要的概念,理解了盒子模型才能更好的排版。其實盒子模型有兩種,分別是 ie 盒子模型和標準 w3c 盒子模型。他們對盒子模型的解釋各不相同,先來看看我們熟知的標準盒子模型: 從可以看到標準 w3c 盒子模型的範圍包括 margin、border、padding、content,並且 content
Time of Update: 2016-07-12
隨筆之——偽類別選取器:nth-child(n) 與 nth-of-type(n)的區別!!!,nthoftypen話不多說!直接正題!!!一、E:nth-child(n)///選中父元素中第(n)個元素.若第n個元素為E則選中;若第n個不為E則不選中。n可以為2n(偶數)、2n+1(奇數)、等...二、E:nth-of-type(n)///選中父元素中第(n)個為E的元素。n的取值同上。 三、
Time of Update: 2016-07-13
HTML基本概念,vpn基本概念解釋什麼是 HTML?HTML 是用來描述網頁的一種語言。HTML 指的是超文字標記語言 (HTML) (Hyper Text Markup Language)HTML 不是一種程式設計語言,而是一種標記語言 (markup language)標記語言是一套標記標籤 (markup tag)HTML 使用標記標籤來描述網頁HTML 標籤HTML 標籤標籤通常被稱為 HTML 標籤 (HTML tag)。HTML
Time of Update: 2016-07-13
HTML基礎總結<段落>,html基礎總結段落HTML 段落段落是通過 <p> 標籤定義的。執行個體<p>This is a paragraph </p><p>This is another paragraph</p> 提示:忘記使用結束標籤會產生意想不到的結果和錯誤。<p> 的 align 屬性HTML4/5已廢棄。請使用 CSS
Time of Update: 2016-07-08
AngularJS使用指令增強標準表單元素功能,angularjs表單Angular 可使用指令無縫地增強標準表單元素的功能,我們將討論它的優點,包括: 資料繫結、建立模型屬性、驗證表單、驗證表單後反饋資訊、表單指令屬性 下面我們通過案例驗證他們的用法:一、雙向資料繫結(ng-model)和建立模型屬性<!DOCTYPE><!-- use module --><html ng-app="exampleApp"><head>
Time of Update: 2016-07-08
jquery外掛程式autocomplete用法樣本,jqueryautocomplete本文執行個體講述了jquery外掛程式autocomplete用法。分享給大家供大家參考,具體如下:(1)引入js和樣式<script type="text/JavaScript" src="../js/jQuery-1.8.0.js"charset="utf-8"></script><script type="text/javascript"
Time of Update: 2016-07-08
JavaScript資料存放區 Cookie篇,javascriptcookie1.什麼是cookie? 答:cookie是用於在用戶端儲存會話資訊的。2.cookie的組成部分? ①名稱:一個唯一確定cookie 的名稱。建議區分大小寫。cookie 的名稱必須是經過URL 編碼的。 ②值:儲存在cookie 中的字串值。值必須被URL 編碼。 ③域:
Time of Update: 2016-07-08
jQuery外掛程式簡單學習執行個體教程,jquery外掛程式執行個體教程本文執行個體講述了jQuery外掛程式及其用法。分享給大家供大家參考,具體如下:(1)非同步分頁外掛程式flexgrid1)前台js<%@ page language="Java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Time of Update: 2016-07-08
學習Bootstrap滾動監聽 附調用方法,bootstrap滾動本文為大家介紹Bootstrap滾動監聽,供大家學習,具體內容如下滾動監聽 伴隨著捲軸的滾動,清單項目被不斷切換啟用<!-- id="menu" 為data-target="#menu" 的監聽對象--><!-- navbar navbar-inner nav navbar-fixed-top 固定導航條 --><div id="menu" class="navbar
Time of Update: 2016-07-08
把普通對象轉換成json格式的對象的簡單一實例,json格式對象執行個體1、什麼叫做JSON?JSON只是一種資料格式(它不是一種新的資料類型)var obj = {name: "中國", age: 5000};//->普通格式的對象var jsonObj = {"name": "中國", "age": 5000};//->JSON格式的對象 (只要把普通對象的屬性名稱用""(不能是'')包起來,這樣的格式就是我們JSON格式的對象)var data = [{name: ""
Time of Update: 2016-07-08
實用jquery動作表單元素的簡單代碼,實用jquery表單元素取下拉式功能表選中項的文本; 擷取和設定下拉式功能表的值; 清空下拉式功能表; 給下列菜單添加元素; 取單選框值; 單選或複選按鈕的選擇; 取複選框值; 判斷單選或複選框是否被選中; 元素可用不可用; 判斷元素可用不可用。實用jquery動作表單元素代碼/*假設在一個表單中有一個按鈕id="save"$(document).ready(function(){ $("#save").click(function(){ $("
Time of Update: 2016-07-08
表單中單選框添加選項和移除選項,單選移除selection添加option並放在最後一項html代碼:<form><select name="location" id="location"><option value="beijing1">beijing</option><option value="shanghai1">shanghai</option><option
Time of Update: 2016-07-06
看了些關於rem的知識點,在這做個自我總結歸納,rem知識點總結歸納我們最常用的字型單位是PX和EM。首先px:px像素(Pixel)。相對長度單位。像素px是相對於顯示器螢幕解析度而言的。(引自CSS2.0手冊)px會隨著螢幕解析度的改變而改變,但是瀏覽器對頁面進行縮放時會對頁面的整體布局產生影響。 em:em是相對長度單位。相對於當前對象內文本的字型尺寸。如當前對行內文本的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。(引自CSS2.0手冊)em一般會以<body>
Time of Update: 2016-07-05
響應式手機網站要點,響應手機要點CSS3裡面很多地方瀏覽器不相容,需要我們根據瀏覽器的核心添加首碼:Firefox瀏覽器 -moz-Google和蘋果 -webkit-ie9以及以上版本 -ms-歐朋 -o-早期的蘋果瀏覽器(safari) linux konqueror 需要加:-khtml-Google2013 自己開發了新的核心