html教程

作業01

(a) <html><head><title>你好</title></haed><body><a href="../fa/b.html">gotob</a><h1>Song</h

css：hover偽類的使用

:hover的使用,即當滑鼠指標移入元素時,所做出的樣式設定 示例一 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo0

css：focus偽類的使用

css中:focus偽類的使用,即給已獲取焦點的元素設定樣式 示例一 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>:focu

img的屬性alt 與 title的區別

當我們給圖片加屬性的時候,初學時,可能會弄混淆alt與title的區別,那麼這兩個的區別,我們可以從本意來看—— alt原詞是“Alternate”,切換,替換的意思。常用的輸入法切換會用到alt鍵進行中英文切換。據有道標準釋義如下: title,即為標題、主題,某一物件的標題,如文章有文章標題,作用

設定元素水平、垂直居中的兩種方式

做一個水平和垂直居中的模態彈框這麼一個小需求,對於我們這些前端來說,應該是常事。 在css3出來以前,我們要想讓元素既水平居中又要垂直居中只有一個辦法(我能想到的),就是通過js計算,把它們定位到螢幕中間位置。這方法比較笨,也麻煩。 下面兩種方式,可以讓元素快速定位到螢幕中間。 flex佈局

HTML之頭部標籤

<header>   head 元素包含了所有的頭部標籤元素,可以新增在頭部區域的元素標籤為:   <title>、<style>、<meta>、<link>、<script>、<noscript>、<base>

CSS之 border 屬性

特性   border-width 不支援百分比  border-color 預設顏色是 color  border-color 透明值的作用:可利用增加可點選區域,利用內陰影做邊框  border 應用: 坐等高佈局,不支援百分比寬度  支援的關鍵字: thin(細 1px) medium(預設 3px)

新手教程 | 《從0開始寫“脈脈”（1）》·首頁佈局分析

最近很多app開發小白給柚子君留言,希望能推出一些新手教學類的乾貨知識。為了滿足小夥伴們的要求,柚子君專門為各位小白,整理了一系列新手教學貼,而整理出的這些乾貨,柚子君後續會一一分享給各位。那麼咱們今天先來看一下,APICloud官方論壇大神版主“老郵局”的這篇乾貨《從0開始寫“脈脈”(1)· 首頁佈局分析》

學習flex佈局（彈性佈局）

Flex是Flexible Box的縮寫,意為彈性佈局。是W3C早期提出的一個新的佈局方案。可以便捷的實現頁面佈局,目前較高版本的主流瀏覽器都能相容,相容情況如下: Flex在移動端開發上已是主流,比如在h5頁面,微信小程式等等。 為什麼要用彈性佈局呢?  在傳統的佈局方案主要基於CSS盒子模型,

angularJS——高階篩選

angularJS——高階篩選 1.效果圖 2.前臺程式碼 <ons-scroller class="hlyw-bg-seek" ng-class="{'isIOStop':isIOS}"> <div cl

支援IE瀏覽器的漸變效果

<div class="gradient">支援ie瀏覽器</div> css部分 .gradient{  width:300px; height:150px;filter:alpha(opacity=100 finishopacity=50 style=1 s

HTML基本知識點01

各項技術技術簡介 html用來勾勒出網頁的結構和內容 CSS 用來美化網頁 JavaScript讓網頁呈現動態資料和效果 jQure 是一種框架,用來提高JavaScript的開發 html和xml的聯絡 1.XML 1.可擴充套件標籤語言2.標籤,屬性,標籤的巢狀關係都可以擴充

前端程式碼合集

HTML5 使用FileReader實現前端圖片預覽 <input type="file"> <img src="" height="200" alt="Image preview area..." title="

Node Inspector 代理實現

本文首發於 https://github.com/whxaxes/blog/issues/9 背景 平時做 node 開發的時候,通過 node inspector 來進行斷點除錯是一個很常用的 debug 方式。但是有幾個問題會導致我們的除錯效率降低。 問題一:當使用 vscode 進行斷點除錯時,如

0.046928882598877