CSS

關於換行、裁剪的一些CSS屬性 word-wrap: normal | break-word normal 正常換行，內容可以撐破容器，例如長單詞或者長數位情況 break-word 以單詞作為換行依據，如果需要，單詞內部允許斷行 word-break: normal | break-all | keep-all normal 正常換行，內容可以撐破容器，例如長單詞或者長數位情況 break-all 以字母作為換行依據

css中的定位類型一覽 position這個css屬性允許我們指定元素的定位類型。 css定位選項 static是此屬性的預設值。這時候，我們稱那個元素沒有被定位。為了定位它，我們需要改變預定義的類型。 為了改變預定義類型，我們將position的屬性值設定為下面中的一個： relative absolute fixed sticky 只有設定了之後，我們才能使用offset參數來為我們的元素指定我們想要的位置： top right bottom left

代碼： <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title></title>     <style>         .myH2 {    

margin，padding的百分比都是相對於最近的父級容器的寬度 width 進行計算的 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>百分比</title><style type="text/css">* {margin: 0;padding:

CSS、JS中的相對路徑引用

    很多時候網頁上需要下面的布局；     這個很容易搞定；代碼如下： <table align="center" border=0 width=1100 height=80 style="margin:0 auto;"><tr><td><hr style="border:2px double ##1e90ff"

首先行高是文字的字元大小和字元上下的邊距決定的，關鍵就是這個上下的邊距是相等的，你可以把行高想象是兩條看不見的水平平行線，而在平行線內，字元與平行線上下的邊距總是相等的，就是垂直置中的意思。而height這個屬性是盒子屬性的高度，盒子並沒有像行高這樣與上下的邊距是相等的要求。而是預設在左上方所以不是行高line-height與文字高height一樣就能讓文字置中，而是應該這樣理解，字元本來就在行高內垂直置中了，只是行高與文字的盒子高度不等，導致不能在盒子裡垂直置中，如果我們把行高line-hei

Static 這個是元素的預設定位方式，元素出現在正常的文檔流中，會佔用頁面空間。不能使用top，bottom，left，right和z-index。 Relative

網頁代碼： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv=&

HTML+CSS實現下拉式功能表 使用Html+css實現簡單的下拉式功能表 代碼： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

如果我們要將hot圖片放到下圖的位置，我們該怎麼實現。 首先我們來進行布局，用一個div包括一個a標籤和img標籤，並給a標籤設定樣式，如下代碼： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

我們知道行高是可以繼承的並且行高的單位有四種情況。 1具體像素值      如：line-height: 16px; 2 em em是指當前標籤設定的字型大小，比如當前標籤字型大小是16px，那麼2em = 32px； 3  % %與em一樣都是以當前標籤設定的字型大小為基準，比如當前標籤字型大小是16px，那麼line-height: 200%;  則字型大小為32px; 4什麼單位都不帶。

有些網頁的css檔案格式很混亂，都寫成1行了，如： 為此，我們寫了一個python3指令碼，用語格式化CSS檔案，格式化後的效果如圖： #!usr/bin/env python # -*- coding:utf-8 _*- """ @project:normal_css@author:xiangguosun @contact:sunxiangguodut@qq.com@website:http://blog.csdn.net/github_363

/* 通用 */::-webkit-input-placeholder { color:#f00; }::-moz-placeholder { color:#f00; } /* firefox 19+ */:-ms-input-placeholder { color:#f00; } /* ie */input:-moz-placeholder { color:#f00; }/* webkit專用 */#field2::-webkit-input-placeholder { color:#00f;

1 區塊層級元素和行內元素 1） 區塊層級元素 ● 霸佔一行，不能與其他任何元素並列 ● 能接受寬、高 ● 如果不設定寬度，那麼寬度將預設變為父親的100%。 2） 行內元素 ● 與其他行內元素並排 ● 不能設定寬、高。預設的寬度，就是文字的寬度。 在HTML中，我們已經將標籤分過類，當時分為了：文本級、容器級。 文本級：p、span、a、b、i、u、em 容器級：div、h系列、li、dt、dd  

http://www.cnblogs.com/aspx-net/archive/2011/03/11/1981071.html JS+CSS簡單實現DIV遮罩層顯示隱藏 1 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

原址：http://www.mianfeimoban.com/div_css_tx/6724.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

目前，網頁上多數格式都是利用CSS定義，很少使用HTML 屬性，所以用程式更改CSS屬性可以獲得更豐富的效果。 利用JavaScript可以修改HTML標籤所設定的CSS屬性，這樣就可以改變標籤的樣式。 用JavaScript修改標籤的樣式主要有兩種做法：一是用另一個CSS樣式表代替標籤現在CSS樣式表，二是直接修改標籤的CSS樣式表中的屬性。 用JS修改標籤的 class 屬性值： class 屬性是在標籤上引用樣式表的方法之一，它的值是一個樣式表的選擇符，如果改變了

vertical-align:middle直接使用是無效的 例如以下代碼並不會起到垂直置中效果： <div style="width: 100%;height:100px;"> <img src="1.png" style="vertical-align:middle"></div> vertical-align:middle屬於行內垂直置中，要搭配display:

1 標籤選取器 就是用標籤名來當做選取器。 1）所有標籤都能夠當做選取器，比如body、h1、dl、ul、span等等 2）不管這個標籤藏的多深，都能夠被選擇上。 3）選擇的是所有的，而不是某一個。所以是共性，而不是特性。          a{