HTML教程

線上字型特效工具

這裡再提供幾款文字特效工具供大家參考: 線上特效文字/彩色文字生成工具: http://tools.jb51.net/aideddesign/colortext 線上生成字型CSS樣式工具: http://tools.jb51.net/code/csscreate 仿古書排版文字豎排轉換工具: http://

前端開發CSS命名規範-命名規則

使用類選擇器,放棄ID選擇器i ID在一個頁面中的唯一性導致瞭如果以ID為選擇器來寫CSS,就無法重用。 NEC特殊字元:”-“連字元 “-“在本規範中並不表示連字元的含義。 他只表示兩種含義:分類字首分隔符、擴充套件分隔符,詳見以下具體規則。 分類的命名方法:使用單個字母+”-“為字首 佈局(grid

position定位與輪播圖製作

position定位 相信前端的小夥伴對position定位都不會陌生,他是CSS裡非常重要的一個屬性元素,他的屬性值有四種,如下所示(以下解釋來源於文件): static:預設。位置設定為 static 的元素,它始終會處於頁面流給予的位置(static 元素會忽略任何 top、bottom、l

VUE學習,vue執行環境搭建遇見的小問題

1.使用vscode來編輯專案,那麼首先給它搭一個vue執行的環境,開啟整合終端,使用npm install live-server -g安裝live-server. problem1:cmd終端分行問題。解決方法:開啟cmd.exe,右擊其最右上角,選擇屬性,選擇使用舊版本,重啟vscode即可。 pr

html部分標籤總結+屬性總結

檔案標記標籤:head、title、body 排版標記標籤:p、br、hr、center、div 字型標記標籤:stronger、b、i、u、H1、H2、H3、H4、H5、H6、font 清單標記標籤:ol、li、ul、dl、dt、dd 表格標記標籤:table、tr、td、th 表單標記標籤:fo

選擇器和複雜選擇器

舉例css檔案:       在css檔案中新增內容如下:       .foot_area1{ width: 70%;height: 20px;margin: 0 auto;}      在html檔案的<body>標籤中,新增內容如下:      <div class="f

教你用SVG畫出一條龍

先看demo,九十七度 其實使用svg畫出這條龍很簡單,關鍵不在於怎麼使用svg,而在於你的美術功底,哈哈。 好吧,當然基礎是不能忽略的,先看下這條龍的程式碼: <svg id="long" xmlns="http://www.w3.org/2000/svg" v

Http狀態碼大全(200、404、500等)(轉CSDN)

當我們從客戶端向伺服器傳送請求時 伺服器向我們返回狀態碼 狀態碼就是告訴我們伺服器響應的狀態 通過它,我們就可以知道當前請求是成功了還是出現了什麼問題 狀態碼是由3位數字和原因短語組成的(比如最常見的:200 OK) 其中第一位數字表示響應類別,響應類別從1到5分為五種 add:其實我查閱資料發現還有一個6打

實現文字顏色漸變

前言 主要用到三個CSS屬性: linear-gradient()  用來實現漸變的影象        background-clip 指定物件的背景影象向外裁剪的區域        text-fill-color 指定文字的填充顏色 例項 background: linear-g

Css3新屬性:calc()

一、前言 calc()看起來像是javascript中的一個函式,而事實上它是用在Css中的,可以用它來計算長度(寬度或高度),能夠自動根據不同尺寸的螢幕自動調接數值,從而很輕鬆的實現自適應佈局展示在不同尺寸螢幕下。專案中常常碰到要始終居中的元素,當然想到的第一個就是使用margin:0 auto;或者使

canvas簡易畫板

程式碼展示: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas實現簡易畫板</title>

頁面發生跳轉但是url 不發生變化

iframe test 頁面發生了跳轉和變化,但是url並未發生變化 公司的後臺管理系統,頁面發生了跳轉,重新整理按鈕也有變化,但是url地址卻未曾發生變化,為什麼呢? 實現方式: 使用 iframe , 比如: 在 default.html 中 iframe src 到 index.html 檔案,在

html顯示隱藏表格內外邊框

內格框: 隱藏橫向分割線 rules = cols 隱藏豎向分割線 rules = rows 隱藏所有分割線 rules = none 外邊框: 只顯示上邊框 frame  = above 只顯示下邊框 frame = below 只顯示左右邊框 frame = vsids 只顯示山下

編碼規範 (一)HTML

前言 統一的編碼規範,有助於編寫高質量、穩定、可維護的程式碼。 本文引自:編碼規範 by @mdo 黃金定律 不管有多少人共同參與同一專案,一定要確保每一行程式碼都像是同一個人編寫的。 實用為王 儘量遵循 HTML 標準和語義,但是不要以犧牲實用性為代價。任何時候都要儘量使用最少的標籤並

Canvas 畫布

一、簡介 HTML5 中的定義:“它是依賴解析度的點陣圖畫布,你可以在 canvas 上面繪製任何圖形,甚至載入照片。” 矩形空白區域 通過 javascript 繪製圖形 可以載入圖片 canvas 座標系 二、HTML 部分 <canvas id=&#

2.5032250881195