html教程

css background的多種屬性詳解

css的background屬性由以下屬性組成: background-color:背景色background-image:背景圖片background-size:背景圖片尺寸background-repeat:背景圖片重複(repeat,repeat-x,repeat-y,no-repeat)backgr

當css樣式是絕對定位時，讓DIV居中顯示

我們經常用margin:0 auto來實現水平居中,而在用到定位某個DIV的時候 margin:0 auto 已經無法滿足我們的一些需求。實際上我們可以用margin:auto來實現,垂直居中僅需要宣告元素高度和下面的CSS: .dw{ margin: auto; position: absolute;

css滑鼠懸停 圖片放大

css部分 .photo img{ cursor: pointer; transition: all 0.6s;/*圖片放大過程的時間*/}.photo img:hover{ transform: scale(1.2);/*滑鼠經過圖片放大的倍數*/}html部分   <

CSS 屬性 設定外邊距 邊框屬性

CSS margin外邊距外間距 即div與div間距 設定外邊距的最簡單的方法就是使用 margin 屬性。 margin 屬性接受任何長度單位,可以是畫素、英寸、毫米或 em。 margin 可以設定為 auto。更常見的做法是為外邊距設定長度值。下面的宣告在 h1 元素的各個邊上設定了 1/4

H5登入介面

H5登入介面 一、登入介面: 所用技術:前端:html+css+js+jquery+layer.js+icoonfont 後端:.net 1、移動端頁面的製作,一般使用百分比佈局+rem佈局,但是rem需要在有ui的psd原型圖才能使用 2、移動端頁面的製作不要忘記新增適配程式碼viewport <

video.js API 詳解

video.js" target="_blank">videojs github官網地址官方文件地址 這裡簡單的對官方的英文引數列表做了一個簡單說明,並寫了一Jquery的適配呼叫 $(document).ready(function () { var

JSP 與 HTML 的關係

我發現不少初學者不能很好理解 JSP 與 HTML 的關係,不少的視訊教程也沒有強調兩者間的關係,或者只是說得很簡略。   先來看一張圖: 這裡很好概括了兩者的關係,簡單講就是 JSP 是 HTML 的模板,用於生成 HTML。 請求一個比如 index.jsp,並不是為了獲取這個 jsp 本身的

css屬性width預設值width: auto與width: 100%區別

width: auto 子元素(包括content+padding+border+margin)撐滿整個父元素的content區域。 子元素有margin、border、padding時,會減去子元素content區域相對應的width值 父元素的content =

CSS實現兩列同等高度

要實現兩列內容不同的元素顯示同等高度,除了通過使用table表格以及設定固定高度外,還可通過使用display:table-cell實現。 <!DOCTYPE html><html> <head> <meta charset="UTF-8">

CSS實現左邊不動，右邊自適應佈局

如題,通過CSS實現左邊固定,右邊自適應的佈局。主要有以下兩種方法,均在程式碼上體現。 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>佈局左不動右邊自適應的兩

純CSS3實現輪播圖

前言 純css3實現的輪播圖效果,和JavaScript控制的相比,簡單高效了很多,但是功能也更加單一,只有輪播不能手動切換。 用什麼實現的呢?頁面佈局 + animation動畫 HTML部分 <div class="container"> <di

動態星空web

在某網站看到了動態的星空效果,很是喜歡,分析了下, 整理出了程式碼,下載地址:動態星空web.rar

0.048450946807861