Time of Update: 2016-08-12
CSS常用樣式(一),css樣式一、字型樣式1、font-style:設定或檢索對象中的文本字型樣式。 取值: normal:指定文本字型樣式為正常的字型 italic:指定文本字型樣式為斜體。對於沒有斜體變數的特殊字型,將應用oblique
Time of Update: 2016-08-12
CSS(三):基本屬性二,css基本屬性border-widthborder-colorborder-styleborder-width 簡寫屬性為元素的所有邊框設定寬度,或者單獨地為各邊邊框設定寬度。只有當邊框樣式不是 none 時才起作用。如果邊框樣式是 none,邊框寬度實際上會重設為 0。不允許指定負長度值。border-color 屬性設定四條邊框的顏色。此屬性可設定 1 到 4 種顏色。border-color 屬性是一個簡寫屬性,可設定一個元素的所有邊框中可見部分的顏色,或者為 4
Time of Update: 2016-08-12
CSS常用樣式(二),css樣式一、邊框屬性1、border:複合屬性。設定對象邊框的特性。 取值: border-width: 設定或檢索對象邊框寬度。 border-style: 設定或檢索對象邊框樣式。 border-color: 設定或檢索對象邊框顏色。#border4 { width: 100px; height: 100px; border:1px solid #FF0000; }<div
Time of Update: 2016-08-12
link與@import的區別,link@import區別 我們都知道link與@import都可以引入css樣式表,那麼這兩種的區別是什麼呢?先說說它們各自的連結方式,然後說說它們的區別~~~ link鏈入的方式:<link rel="stylesheet" type="text/css" href="index.css"> @import匯入的方式: <style
Time of Update: 2016-08-12
CSS知識總結(五),css知識總結CSS常用樣式 3.邊框樣式 1)邊框線 border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset |
Time of Update: 2016-08-12
#8.11.16總結#CSS常用樣式總結(二),border 邊框簡寫:border:1px solid #000;等效於:border-width:1px;border-style:solid;border-color:#000;順序:border-width | border-style | border-colorborder-style border-radius 圓角半徑設定或檢索對象使用圓角邊框。提供2個參數,2個參數以“/”
Time of Update: 2016-08-12
jQuery實現ajax的疊加和停止(終止ajax請求),jqueryajaxjQuery實現ajax的疊加和停止的關鍵代碼如下所示:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>jQuery中終止Ajax請求</title> <meta http-equiv="Content-Type" content="text/html;
Time of Update: 2016-08-11
使用BootStrap製作使用者登入UI,bootstrapui先看看勞動成果布局左右各一半(col-md-6)左側登入框占左側一半的10/12右側是登入系統的注意事項使用到的BootStrap元素well輸入框組(input-group)按鈕(btn-success)HTML代碼<div class="row" style="margin-top:30px;"><div class="col-md-6" style="border-ri
Time of Update: 2016-08-11
關於文字垂直置中,文字垂直置中很多時候布局中需要文字垂直置中,有個CSS屬性:vertical-align: middle;該屬性在table裡用是有效果的,很多區塊層級元素沒反應。這裡有2個屬性可以類比table,來讓vertical-align: middle屬性生效。display: table和display: table-cell;很簡單父級元素給固定寬高加上屬性display: table,子級元素給屬性display: table-cell和vertical-align:
Time of Update: 2016-08-11
今日例子border,今日borderborder這個屬性在頁面上的使用率還是很高,例如我們需要理解的盒模型就需要對border有個比較深的理解,如果你會盒模型,但對border沒有深的理解,那隻能說你只是知道盒模型,而不是懂得盒模型,因為學習盒模型的過程中必須懂border。那麼border有什麼屬性呢?Border-widthBorder-styleBorder-color上面的是四個邊的,還可以再分細到每個邊。border-leftborder-rightborder-topborder-
Time of Update: 2016-08-09
CSS3利用text-shadow屬性實現多種效果的文字樣式展現,一、效過圖展示:已經是比較久之前學習的文字效果了。但是還是很實用很有趣的。利用CSS3提供的text-shadow屬性可以給頁面上的文字添加陰影製作效果,因此可以替換掉之前使用過的一些繁瑣的圖片。到目前為止Safari、FireFox、Chrome和Opera等主流瀏覽器都支援該功能。二、介紹CSS3的
Time of Update: 2016-08-08
html元素溢出問題,html元素溢出我是一個初識html基礎的菜鳥,讓我感受部落格園的大愛吧!下面這個問題是建立在我對html現階段理解的程度上遇到的一個 元素溢出問題,希望能得到老鳥的指點。問題如下:希望有對該問題的多種不同解決方案,和網頁布局建議(希望有乾貨)。問題2:新手上路,很多企業級前端問題充斥大腦,全是問號,經驗是在工作中積累和沉澱出來的,在我步入前端的行列上希望有高手能推薦一些現在企業中比較常用的架構和學習方法。
Time of Update: 2016-08-08
用css 製作三角,css製作三角html代碼:<div class="div"></div>css代碼:.div{border-top:40px solid #ff0077;border-left:40px solid #004444;border-bottom:40px solid #999999;border-right:40px solid #333333;height: 0px;width:
Time of Update: 2016-08-08
頁面配置一,頁面配置先分析做題思路一、布局1.因為剛剛學到表格版面配置,所以首先把頁面劃分為幾個部分2.經過觀察,發現這個表格可以分為6行,先把table和tr弄好3、把每一行的元素寫上(1)第一行 可以分為兩列第一列:一張圖片第二列:一行超連結(我用p包含),自動換行後,一個輸入框,一個普通按鈕(2)第二行 是一個儲存格先是一個<hr/>標籤下面一行裡面6個超連結,在一行,我自己的思路總習慣用p標籤包著(3)第三行 是一張圖片(4)第四行
Time of Update: 2016-08-04
中國移動官網自編,中國移動官自編原始碼:<!DOCTYPE html><html><head><title>中國移動官方網站</title><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css"><link rel="shortcut icon" type="" href="favicon.ico">&
Time of Update: 2016-07-30
關於HTML面試題匯總之H5,試題匯總h5一、H5有哪些新特性,移除了哪些元素?如何處理h5新標籤的瀏覽器安全色性問題,如何區分html和html51. html5不在是SGL(通用標記語言)的一個子集,而包含了:映像、位置、儲存、多任務等功能2.
Time of Update: 2016-07-29
js基於cookie記錄來賓姓名的方法,jscookie記錄來賓本文執行個體講述了js基於cookie記錄來賓姓名的方法。分享給大家供大家參考,具體如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2016-07-29
Nodejs從有門道無門菜鳥起飛必看教程,nodejs門道這是一篇菜鳥教程,這是一篇菜鳥教程,如果你是菜鳥到話。簡單來說Nodejs並不是一門新的語言,但是它可以讓我們的JS運行在伺服器端,在伺服器端寫JS代碼並且輸入輸出,也就是說以後要是有人問你JS是不是只能運行在瀏覽器中,你千萬別說,唉,是啊。記得剛開始學HTML,CSS,JS的時候第一印象就是下載各種瀏覽器,因為相容問題T_T,不過現在有個好訊息學Nodejs它並沒有相容問題。如果你想知道為什麼Nodejs沒有相容問題,那你的先清楚前端為
Time of Update: 2016-07-29
Javascript字串常用方法詳解,javascript字串字串字串就是一個或多個排列在一起的字元,放在單引號或雙引號之中。'abc'"abc"length屬性js裡的字串類似於數組,都是一個一個字元拼湊在一起組成的,因此可以用length屬性取得字串的長度var str = "hello"str.length; // 5字串常用的一些方法1. charAt()str.charAt(n)=> 返回字串的第 n 個字元,如果不在 0~str.length-1之間,則返回一個Null
Time of Update: 2016-07-29
js事件驅動機制 瀏覽器安全色處理方法,js處理方法3.1. 事件是如何產生的 *第一種情況,使用者對網頁做了某些操作,比如,點擊了一個按鈕,產生點擊事件。 第二種情況,使用者沒有對網頁做操作,也可能產生事件,比如瀏覽器已經將整個頁面載入完畢,會產生載入完成事件。當事件產生以後,瀏覽器會尋找產生事件的節點有沒有綁訂相應的事件處理代碼。如果有,則調用該代碼來處理。如果沒有,會繼續向上尋找父節點,有沒有對應的事件處理代碼(事件冒泡)。3.2. 綁訂事件處理代碼 **1)