97免费在线观看视频 I 午夜夫妻视频 I 久久久久久网站 I 天堂网男人 I 欧美大波大乳人奶 I 丝袜 中出 制服 人妻 美腿 I 窝窝午夜理论片影院 I 日韩在线伦理电影 I 韩国特级毛片 I 亚洲欧美另类激情 I 在线成人日韩 I 麻豆视频免费看 I 黄色生活毛片 I 极品一线天小嫩嫩真紧 I 色久天堂 I 久久久久久黄色片 I 林智妍三级露全乳电影视频 I 大肉大捧一进一出好爽视频 I 空乘伦理hd I 少妇口述与子做过爱 I 成人免费影片 I 国产精品国内免费一区二区三区 I 日韩制服一区 I 青青草福利在线 I 日本在线观看不卡视频 I 婷婷六月综合亚洲 I 国产又粗又黄又硬 I 美女扒开屁股让男子桶爽 I 欧美性午夜视频观看 I 欧美狠狠插 I 亚洲福利在线观看视频 I 无码抽搐高潮喷水流白浆 I 亚洲欧美国产日韩色伦 I 你懂的视频网站在线观看 I www.蜜桃视频在线观看 I 日本无码人妻精品一区二区蜜桃 I 久久中文字幕人妻丝袜 I 碰草在线视频 I 日韩精品成人av网站

Html里CSS3新增屬性

2016/9/10 8:29:27   閱讀:1641    發布者:1641

CSS3新增了許多新的功能,給用戶呢帶來了更好的體驗,今天我就給大家講講CSS3增加了那些新功能。

1、CSS3新增了很多強大的選擇器,比如:

  在我們日常的開發中可能會經常用到,這些行的CSS3特性解決了很多我們之前需要用JavaScript腳本才能解決的問題。

  tbody:nth-child(even),tbody:nth-child(odd):此處他們分別代表了表格(tbody)下面的偶數行和奇數行(tr),
這種樣式非常適用于表格,讓人能非常清楚的看到表格的行與行之間的差別,讓用戶易于瀏覽。

  :not(.textinput):這里即表示所有class不是“textinput”的節點。

  div:fitst-child:這里表示所有div節點下面的第一個直接子節點。

2、推薦一些比較有用的css3新屬性:

  css3剛推出不久,雖然大多數的css3屬性在很多流行的瀏覽器中不支持,但我個人覺得還是要盡量開始慢慢的去了解并
使用css3(還有html5), 因為我覺得這是一種趨勢,它是一種已經被制定的標準。這個呢只是我個人的一些看法。

    1、在之前我想在頁面做出一個邊框為圓角框,貌似需要寫挺多css代碼的(可能我沒了解到更好的辦法),
在css3里有一個屬性創建圓角是非常容易的,設置好角度也可以創建一個圓

      border-radius:

    

    css代碼:

    #test
{
text-align:center;
padding:10px 40px;
background:gray;
width:350px;
border-radius:10px;
-moz-border-radius:10px; /* 為了讓老的 Firefox版本支持 */
}
</style>

    html代碼:  
<body>
<div>border-radius 做圓角的例子。</div>
</body>

 

    2、CSS3 邊框陰影,之前我都是直接利用圖片做背景實現的效果,用css3中的box-shadow屬性也可以做到

    box-shadow:

    

    css代碼:

    #test1
{
box-shadow: 10px 10px 5px #A5A5A5;
width:300px;
height:100px;
}

    html代碼:

    <body>
<div></div>
</body>

 

    3、css3 支持背景圖片可以用多張圖片

    CSS3 多重背景圖片

    

    .box
{
width:464px;
height:300px;
background:url(test1.jpg) 0 0 no-repeat,url(test2.jpg) 100% 0 no-repeat;
}
</style>
</head>
<body>
<div></div>
</body>

 

    4、text-overflow 屬性規定當文本溢出包含元素時發生的事情。

    此屬性支持切斷容器中的文本,當文本溢出可以給出了一個省略號的特性。

    

    

    .test3 {
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
border: 1px solid black;
width: 400px;
padding: 20px;
cursor: pointer;
}
#test3:hover {
white-space: normal;
color: rgba(0,0,0,1);
background: #e3e3e3;
border: 1px solid #666;
}
</style>
</head>
<body>
<div>當這里顯示的內容溢出是會有省略號,鼠標移到文本上面會顯示所有內容</div>
</body>
 
    5、過渡效果,通過 CSS3,我們可以在不使用 Flash 動畫或 JavaScript 的情況下,當元素從一種
樣式變換為另一種樣式時為元素添加效果。
    效果用貼圖比較難體現出來,有興趣自己運行下面代碼:
   <style>
div
{
width:100px;
height:100px;
background:blue;
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; /* 可以支持Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* 可以支持Safari and Chrome */
-o-transition:width 2s, height 2s, -o-transform 2s; /* 可以支持Opera */
   }
div:hover
{
width:200px;
height:200px;
transform:rotate(180deg);
-moz-transform:rotate(180deg); /* 可以支持Firefox 4 */
-webkit-transform:rotate(180deg); /* 可以支持Safari and Chrome */
-o-transform:rotate(180deg); /* 可以支持Opera */
}
  </style>
</head>
<body>
<div>把鼠標放上該區域,來查看過渡效果。</div>
</body>
主站蜘蛛池模板: 在线无码视频观看草草视频 | 亚洲6080yy久久无码产自国产 | 人人爽人人插 | 国产精品久久777777 | 女人被做到高潮视频 | 91丨porny丨酒店 | 午夜三级a三级三点在线观看 | v11av在线播放 | 五月婷婷综合在线观看 | 国产艳妇av在线出轨 | 免费毛片一区二区三区亚女同 | 19禁国产精品福利视频 | 青青视频免费在线观看 | 日韩中文字幕久久久97都市激情 | 欧美aⅴ在线 | 国产aⅴ视频免费观看 | 天天射天天 | 超碰97国产在线 | 无码人妻一区二区三区免费视频 | 麻豆果冻精东九一传媒mv | 欧美人与禽zozo性伦交视频 | 色视频网站在线观看一=区 人体内射精一区二区三区 伊人伊人伊人伊人 | 国产乱人内谢69xxxx亚洲 | 中字毛片 | 老子影院午夜伦不卡无码 | 大色av | 黄色片网站在线 | 天堂视频在线观看免费 | 影音先锋男人av橹橹色 | 日本亚洲中文字幕不卡 | 制服丝袜快播 | 欧美国产高潮xxxx1819 | 18精品爽国产白嫩精品 | 久草在线色站 | 国产性色强伦免费视频 | 亚洲色无码专区在线观看精品 | 精品国产乱码久久久久久芒果 | 91大神小宝寻花在线观看 | 99精品欧美一区二区三区小说 | 国产一区二区美女 | 高圆圆的特级毛片 | 亚洲欧美日韩国产成人 | 免费无码av片在线观看中文 | 人妻丰满熟妇av无码区免 | 久久中文骚妇内射 | 夜夜嗨av一区二区三区四区 | 日本亚洲色大成网站www | 日韩一区二区三区精品视频 | 亚洲欧美日韩国产成人精品 | 久久www成人免费看 日本少妇激三级做爰在线 传媒av在线 | 欧美一区二区三区久久 | 婷婷丁香五月中文字幕 | 九九啪 | 色狠狠av北条麻妃 | 久久久一本精品99久久精品66直播 | 亚洲综合在线色 | 国产3344在线观看视频 | 国产无套露脸在线观看 | 久久精品一卡二卡三卡四卡 | 九九在线免费视频 | 国产在线观看无码免费视频 | 国产精品青草综合久久久久99 | 亚洲国产成人影院播放 | 免费永久在线观看黄网站 | 日韩综合网| 久久久91 | 337p亚洲精品色噜噜狠狠 | 无码不卡一区二区三区在线观看 | 欧美日韩国产在线播放 | 亚洲国产精品久久久久秋霞小说 | 欧美激情免费视频 | 日韩欧美精品免费 | 亚洲天堂成人av | jlzzjlzz亚洲女人 | 亚洲欧美一区久久牛牛 | 久久綾合久久鬼色88 | 日韩精品一区二区视频 | 香蕉碰碰碰 | 视频一区二区三区在线 | av网站在线免费看 | 日本aⅴ在线观看 | 超碰在97| 国产又黄又猛又粗又爽的视频 | 99热这| 亚洲爆乳中文字幕无码专区网站 | 久久www免费人成—看片 | 国产成人一区二区三区小说 | 久久久久久无码日韩欧美 | 国产亚洲精品久久久久久大师 | 99热只有这里有精品 | 国产精品久久久一区二区 | 精品 亚洲 无码 自拍 另类 | 性感av在线| 免费人成在线观看视频播放 | 伊人久久大香线蕉av波多野结衣 | 韩日激情视频 | 香蕉久久夜色精品 | 图片区小说区视频区综合 | 看毛片网站|