【Web 前端】盒子模型
邊框
（圍繞內容以及補白的線）
可以設定粗細、樣式和顏色
設定邊框粗細為2px、樣式為實心、顏色為紅色的邊框
div {border-width:2px;border-style:solid;border-color:red;}
可以簡寫為：div{boder:2px solid red;}
>>>
border-style:：dash(虛線)；solid（實線）；dotted（點）
border-color：#83823
border-width：thin；medium；thick
單獨設定下邊框、上邊框、左邊框、右邊框
舉個例子：div{border-bottom:10px solid red}//top//left//right
相關推薦
【Web 前端】盒子模型
邊框 （圍繞內容以及補白的線） 可以設定粗細、樣式和顏色 設定邊框粗細為2px、樣式為實心、顏色為紅色的邊框 div {border-width:2px;border-style:solid;border-color:red;} 可以簡寫為：div{boder:2px
【Web前端】清除浮動&css中文字體
white hidden lag iso 學習資源 target 元素 關系 align 清理浮動有非常多種方式，像使用 br 標簽自帶的 clear 屬，使用元素的 overflow。使用空標簽來設置 clear:both 等等。但考慮到兼容問題和語義化
【Web前端】用CSS3實現彈幕
font ram hover 字符 才會 命令 .sh left window 初版 用css3來實現彈幕確實比較簡單，只需要設置動畫讓彈幕從屏幕右側移動到屏幕左側即可，一開始是這樣實現的 .danmu { position: fixed; left: 100%
【web前端】JavaScript閉包
con 命令式 rate 編程 局部變量 urn 沒有 生命 console example: var generateClosure = function(){ var count = 0; var get = function(){ count++;
【WEB前端】CSS書寫規範
古語有云：不以規矩，不成方圓。不管是國還是家還是...都得有規矩加以約束。同樣，在我們程式猿的程式碼中也有一定的規矩——W3C標準，但是我今天不會講那麼高深的道理，我只想說說，我近些日子在開發中所總結出來的CSS一些書寫規範： 一、善用css縮寫規則 1.
【web前端】小技巧總結
1 HTML5多功能增加 HTML5 現在已經不是 SGML 的子集，主要是關於影象，位置，儲存，多工等功能的增加。 (1)繪畫 canvas; (2)用於媒介回放的 video 和 audio 元素; (3)本地離線儲存 localStorage 長
【Web前端】Linux下Sublime Text3的一些配置
前言 最近在折騰linux，在這裡對sublime text做一些記錄。 keybinding [ { "keys": ["ctrl+alt+j"], "command": "css_format",
【web前端】js json轉陣列，陣列轉json，字串轉數字
，學習記錄 //陣列轉json串 var arr = [1,2,3, { a : 1 } ]; JSON.stringify( arr ); //json字串轉陣列 var jsonStr =
【Web前端】瀏覽器拖動到底部執行相關程式碼
利用 jQuery 實現 滑動到最底部實現相關功能，例如載入。 //獲取某個 div 距離瀏覽器頂部的距離 var $top = $this.offset().top; //獲取到整個文件的高度 var $heightOfDocument = $(docum
【Web前端】sublime text3 配置 nodejs
前言 轉載自kk的筆記 正文 下載zip壓縮包後解壓，檔名改為Nodejs 2、開啟Sublime Text3，點選選單“Perferences” =>“Browse Packages”開啟“Packages”資料夾，並將第1步的Nodejs資
【Web前端】$(document).ready(function(){}) 和 $(window).on("load",function(){}) 的異同
前言 在學習過程中，發現了 $(window).on(“load”,function() {}) 和 $(document).ready(function(){})的類似的功能，本著求實的精神，認真瞭解了他們的異同。 $(window).on(“load
【WEB前端】COOKIES與SESSION的區別
寫在前面的 對WEB前端的知識回顧的當中，覺得COOKIES和SEESION的應用層面有些相似，但是具體怎樣卻不是很清楚，下面就來總結一下這兩個東西的共同點和區別，幫助自己能夠更好的掌握這些基礎
【Web前端】從陣列中找最大/最小值
前言 因為Math.max() 以及 Math.min() 方法中傳入的應該是一組數，陣列是接收不了的，所以對從陣列中找最大值的方法做一些總結。 方法一 Math.max.apply(null, arr)； Math.min.apply(null, ar
【Web前端學習筆記】CSS3_常用屬性,選擇器,盒子模型
CSS3 A.概述 1.什麼是CSS Cascading Style Sheet 層疊樣式表 2.作用 用來控制網頁元素的展示形式 3.為什麼要用CSS 1）
【WEB前端開發最佳實踐系列】JavaScript篇
return 訪問 on() 語句 ret 作用域 {} 公開 成對 一、養成良好的編碼習慣，提高可維護性 1、避免定義全局變量和函數，解決全局變量而導致的代碼“汙染”最簡單的額方法就是把變量和方法封裝在一個變量對象上，使其變成對象的屬性： 1 var myCurren
【WEB前端系列之CSS】CSS3動畫之Tranition
transform log 值變化 mozilla 大眾 適應 int 處理 中一 前言 css中的transition允許css的屬性值在一定的時間區間內平滑的過渡。這種效果可以在鼠標點擊、獲得焦點、被點擊或對元素任何改變中觸發，並圓滑的以動畫效果改變CSS的屬性值。語法
【2018-10-17】【web前端學習】【day1】
Html：超文字標記語言 Html的五個規範： 一個HTML檔案開始和結束的標籤。<html></html> HTML包含：<head></head> <body></body> HTML要有開始
【web前端優化之reflow】減少頁面的迴流
前言 昨天看網課的時候，聽到這個詞語，但是不懂什麼意思，所以今天百度了一下，以下內容轉載自https://www.imooc.com/article/51623。。。。。 什麼是reflow？ 這個單詞字面意思就是迴流，這裡舉一個例子： 我們這裡有個dom樹： 1 <
【CSS】盒子模型
一、什麼是CSS？ CSS（Cascading Style Sheet）：層疊樣式表是將網頁的內容與樣式進行分離的一種語言，也就是在aspx或html中設計網頁的內容，在CSS中設定網頁的樣式
【Web前端開發】面試經驗分享（應屆生）
序言： 我是一名學習前端兩年的學生，一直在前端學習路上摸爬滾打，從實習到校招，經歷了很多場面試，通過該篇文章，總結自己在面試過程中的一些心得體會，希望與大家共勉，一起加油！ 學習迷茫？看雞湯 既然走進了前端大門，就不要退縮，你想要的一切時間都會