先看個執行個體上代碼。應用到你要沉的那個字就ok了。例1 代碼如下複製代碼 .first { font-size:320%; /*字型百分比增大*/ float:left; /*左浮動*/} 分析：1.字型增大。2.左浮動，然後下一行的就提上來了例2 代碼如下複製代碼 .menglong,.menglong2,.menglong3 { width:300px;
老是被人問到px、pt和em的區別，自己有時候也會糾結到底該用什麼單位，今天特意查了一些文章，下面這篇雖然很久遠了，但解釋的比較全面，轉載收藏之。點擊查看原文這裡引用的是Jorux的“95%的中國網站需要重寫CSS”的文章，題目有點嚇人，但是確實是現在國內網頁製作方面的一些缺陷。我一直也搞不清楚px與em之間的關係和特點，看過以後確實收穫很大。平時都是用px來定義字型，所以無法用瀏覽器字型放大的功能，而國外大多數網站都可以在IE下使用。因為：1.
clear的值有四個1.none：允許兩邊都可以有浮動物件；2.both：不允許有浮動物件；3.left：不允許左邊有浮動物件；4.right：不允許右邊有浮動物件。老實說，我沒真正理解字面上的意思，因為這幾段話是有歧義的，例如clear:right的解釋是“不允許右邊有浮動物件”，我一直以為是清除自身右方（下方）容器的浮動。但其實不是。下面一個一個DEMO的看，希望你能懂left和right到底是清除哪裡的浮動。一、普通浮動，無清除浮動，外容器塌陷：DEMO
CSS3 的灰階濾鏡使用 CSS3 來稀釋一個圖片的顏色，再簡單不過了。我們可以把這個 CSS 語句寫成一個類，這樣遇到想要效果的圖片，直接加上個類就可以了。 代碼如下複製代碼 img.desaturate { filter: grayscale(100%); } 當然，當前的瀏覽器在使用 CSS3 的時候，要加上他們自己的瀏覽器功能實驗性首碼，所以，我們首先要做的，就是寫上瀏覽器的首碼： 代碼如下複製代碼 img.desaturate {
用CSS樣式進行截取標題的長度。 第一、用於SPAN或者LI的標題樣式 代碼如下複製代碼 .text-css {display:block;/*內聯對象需加*/width:31em;word-break:keep-all;/* 不換行 */white-space:nowrap;/* 不換行 */overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(.
圖片使用次層網域之前網域名稱在做轉移，沒有處理，之後又比較忙也沒有處理，今天又空想處理一下，程式員都愛折騰，登陸萬網，建立一個次層網域發現沒有辦法建立，原來部落格的dns服務還是新網的於是給他切過來，建立了一個static.111cn.net的一個次層網域，首先，我們在 wp-config.php中加入如下代碼：//指定cookies的網域名稱define('COOKIE_DOMAIN', 'www.111cn.net');然後在模板目錄下的function.php添加以下內容ob_start(
最近項目裡遇到一個有意思的效果，那就是圓形進度條，類似於這樣的： 實作類別似這樣的效果方法很多。我主要想了2個解決方案，都是通過jQuery和CSS實現的，下面就一一道來：方法一：jQuery + CSS3實現原理原理非常的簡單，在這個方案中，最主要使用了CSS3的transform中的rotate和CSS3的clip兩個屬性。用他們來實現半圓和旋轉效果。半環的實現先來看其結構。HTML <div class=
最近，群裡很多朋友都安裝了ssmay主題，感覺還不錯，不過，有幾個朋友提出，為什麼ssmay主題沒有下拉式功能表呀。當時，也沒在意，因為這個主題是根據自己的需求來設計的。後來，又有幾個朋友提到這個事情，我覺得也是，為什麼不給ssmay主題弄一個下拉式功能表呢？那樣啟不是讓網站更加的人性——可展示的分類就更加多了。其實，實現下拉式功能表，有好幾種途徑可以實現，如JS實現、外掛程式實現、還有CSS實現。這裡，我只是介紹通過CSS來簡單實現
先來看jquery內建的getSrcript檔案方法 代碼如下複製代碼 $.getScript(url,callback) 執行個體 代碼如下複製代碼 var testVar = 'New JS loaded!'; alert(testVar); function newFun(dynParam) { alert('You just passed '+dynParam+ ' as
js操作很簡單直接document.getElementById(id)就可以來操作了例 代碼如下複製代碼 < !DOCTYPE html><html> <head> <title>TITLE</title> <style type="text/css">
做網站最佳化的營運都知道，為了提高網站的訪問速度，一般會開啟Apache/Nginx gzip功能，將檔案壓縮，但是這個壓縮與我要說的壓縮不在一個層面。網上也提供一些線上css、js檔案壓縮功能。今天介紹一款linux工具來實現這個功能安裝JAVAYUI Compressor由java開發，所有我們必須先有java環境。一般系統都會內建java，如果沒帶，那麼yum安裝一個openjava# yum install java確認是否安裝成功[root@iZ288zwmtk4Z vhost]#
個比較嚴重的bug：在IE6、IE7下，驗證提示的樣式檔案載入不進來。於是今天早上針對這個bug，測試了好多次，仍然不行，最後才發現原來是因為用jquery的方法動態載入css教程樣式檔案，存在相容問題。在jquery.skygqCheckAjaxform.1.3.js檔案中原來動態載入css檔案的代碼是這樣的：//載入css樣式if ($("link[href$=valid.css]").length == 0){ $('<LINK href="'
JavaScript中設定元素的浮動屬性（float），標準瀏覽器使用css教程Float，IE舊版本使用styleFloat。這樣使用$(xx).css("cssFloat", "right") 或 $(xx).css("styleFloat", "right")
css換皮膚代碼window.onload=function(){ var c = readCookie('style');if (c) switchStylestyle(c);};function switchStylestyle(styleName){ aa=document.styleSheets;var n=aa.length;for(i=0;i<n;i++) { aa[i].disabled = true;
利用網頁特效或css教程實現表格隔行變色的方法下面我們來利用css與js實現表格隔行變色的方法，下面看看代碼<table width="800" border="0" cellpadding="0" cellspacing="0"><tr><td>不變色</td></tr><tbody
JS 或css教程 識別 IE版本的幾種方法今天收藏了這幾種關於識別ie版本的幾種代碼，有需要的朋友參考一下。var isIE=!!window.ActiveXObject;var isIE6=isIE&&!window.XMLHttpRequest;var isIE8=isIE&&!!document.documentMode;var isIE7=isIE&&!isIE6&&!isIE8;if
function tobreakword(intlen, id){ var obj=document.getelementbyid(id); var strcontent=obj.innerhtml; var strtemp=""; while(strcontent.length>intlen){ strtemp+=strcontent.substr(0,intlen)+"<br>";
<html xmlns="http://www.111cn.net/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=gb2312" /><title>圖網頁特效代碼</title><style> <!-- ,很多情況下，不用這種方法，會增加ie負荷。--
function include(path,type,title){ var s,i,t; if(arguments.length < 1){ return ; } if(arguments.length == 1){ type = "網頁特效"; } switch(type.tolowercase()){ case
css代碼 <style> .jfocus{width:300px;height:300px;border:#ccc 1px solid;background-color:#fff;}#jfocuspic{filter: progid:dximagetransform.microsoft.fade (duration=0.5,overlap=1.0 );width:300px;height:200px;overflow:hidden;}#jfocuspic
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
