當前位置: 首頁  - 標簽“CSS3“ - 列表 學而時習之,不亦說乎

CSS3

zblog作品墨初VIP主題,響應式設計,簡潔而不簡單.....

墨初VIP主題,響應式設計,簡潔而不簡單.....

国产视频app 前段時間發布一個墨初主題的免費版本,在免費版本中并沒有加入太多功能,主題以測試前端為主的,一些主題的數據需要在模版中修改非常的不方便,但使用上并沒有任何限制,如果你喜歡折騰可以下載免費版本進行使用或修改。本次發布的VIP版本,可以很方便的在后臺的主題設置中修改模版中的任何數據,當然如果你想獲得本版本,需要給本站的博主一點點的贊助支持哦!別

推薦
zblog作品Z-Blog用戶中心插件正式發布啦。。。

Z-Blog用戶中心插件正式發布啦。。。

国产视频app 如果你的主題想適配此插件或想了解更多的功能,請閱讀《墨初用戶中心插件使用教程》這篇文章!演示站注冊邀請碼:PHLF6F演示地址:1、本插件演示地址 http://us.502la.com 2、注冊邀請碼:PHLF6F3、各位在體驗時,如遇到什么問題,可直接與我聯系!4、加入QQ群 79609235 可以免費1.9版本的用戶中心插件(免

推薦
zblog作品zblog博客/CMS主題發布,強力代碼級別優化,速度快,收錄快

zblog博客/CMS主題發布,強力代碼級別優化,速度快,收錄快

国产视频app 經過一個月的編寫,墨初CMS主題強勢發布。此主題由VIP主題演化而來,但又不同于VIP主題,全新的后臺處理代碼,并加入了部份緩存機制,強力前臺代碼優化配合主題增強插件。做到了功能多樣化,加載速快,被搜索引擎收錄快等特點。演示地址:飛鳥慕魚博客文章內容頁面代碼復制點擊復制代碼Ctrl+C就可以復制代碼啦CMS首頁模塊首頁CMS模塊可自己選擇

推薦
Web前端CSS3 給html元素加入陰影效果的方法

CSS3 給html元素加入陰影效果的方法

国产视频app 在前端 html 頁面的設計中,有個別需要向訪客突出顯示的元素時,可以加上一些陰影的效果,讓它的辨識度更高,讓訪客可以一眼發現它存在。關于 html 元素的陰影效果的設置,可以使用 CSS3 中的屬性 box-shadow ,下面飛鳥慕魚博客就來和大家說一說,關于此屬性的用法。CSS3 box-shadow 屬性詳解box-shadow:

Web前端CSS3 實現div元素向上移動的效果

CSS3 實現div元素向上移動的效果

今天應一個用戶的要求,要做一個html頁面,而頁面中的部份div元素,在鼠標移入時向上移動,鼠標移出時恢復到原來的位置。效果是用純css3代碼來實現的,不使用任合的JS代碼。css3 實現div向上移動的效果代碼html代碼:<!DOCTYPE html><html><head><meta cha

Web前端html 中的 <li> 標簽橫向排列的方法

html 中的 <li> 標簽橫向排列的方法

国产视频app html頁面中的多個連續的<li>標簽在默認的情況下是豎向排列的,不過我們可以設置 li 標簽的 CSS 樣式,來使一個 ul 標簽中的所有 li 標簽都橫向排列。多個 html 中 li 標簽默認豎向排列html代碼<!DOCTYPE html><html><head><meta c

Web前端CSS3實現背景顏色漸變的方法

CSS3實現背景顏色漸變的方法

国产视频app 上午制作網頁時,寫了一個利用 CSS3 實現網頁背景顏色漸變的效果,晚上整理代理時,發現這效果還挺好玩的。記錄下來,以后再寫這種網頁背景顏色漸變的效果時,只能復制就行了。網頁背景顏色的漸變,利用了 CSS3 中的 Gradients 屬性,而漸變的效果又分為了兩種,分別為:Linear Gradients(線性漸變) 和 Radial G

Web前端CSS3 中的 :nth-child() 選擇器的使用方法

CSS3 中的 :nth-child() 選擇器的使用方法

今天說一個在css3中不常用的到的選擇器屬性 :nth-child(),它可以方便的對某個HTML元素下的任何子元素進行操作,而要操作的HTML元素不分任何類型。CSS3 :nth-child() 屬性定義:nth-child(n):選擇器匹配屬于其父元素的第 N 個子元素,任何類型的元素都可以。語法::nth-child(n)參數:n

Web前端html頁面中css縮放圖片的方法

html頁面中css縮放圖片的方法

在html頁面制作中,可以利用 CSS 中的 transform 屬性對圖片進行旋轉,縮放,移動或傾斜的操作。而今天我們只說說 transform 屬性對圖片進行等比例的縮放操作。css transform 屬性的介紹transform:該屬性向元素應用 2D 或 3D 轉換。它允許我們對元素進行旋轉、縮放、移動或傾斜的操作。縮放使用值:

Web前端HTML table表格邊框設置為單線的方法

HTML table表格邊框設置為單線的方法

因為平時在html頁面中設計表格樣式時,一般都是使用 DIV+CSS 的方式來實現,很少使用 table 表格元素,而今天圖省事使用 table 表格元素時,發現設置其邊框為的樣式為雙線的形式,所以就正對次問題,百度了一下解決方案。table 表格的邊框寬度不為0的樣式HTML代碼<!DOCTYPE html><html

Web前端記錄CSS中 position:fixed 踩的坑

記錄CSS中 position:fixed 踩的坑

国产视频app 在 html 頁面的css樣式中,如果將 position 屬性的值設置為 fixed,那就表示其元素的位置相當于顯示設備的可視區域進行定位,而今天在調試此屬性時,卻發生了一件奇怪的事件。position:fixed 定位失效情況復現失效代碼:<!DOCTYPE html><html><head><

Web前端CSS calc() 函數的介紹與使用方法

CSS calc() 函數的介紹與使用方法

在HTML頁面的DIV布局中,如果我們把DIV的寬度當做一個計算公式,讓瀏覽器去自動去計算它們的值是不是很有意思呢?那么今天就說一下,CSS中的一個關于計算的函數 calc() calc() 函數介紹calc():英文單詞calculate(計算)的縮寫,是 css3 新增加的一個功能。它可以動態的設置元素樣式中border、margin

JS/JQJQuery獲取與設置元素CSS屬性

JQuery獲取與設置元素CSS屬性

js插件jquery可以很方便的對HTML的元素進行操作,比如一些元素的顯示與隱藏,一些元素的動態效果等,今天就說一說通過jquery獲取DIV元素的CSS屬性,以及設置DIV元素的CSS屬性的方法。jquery獲取DIV元素的CSS屬性值jq獲取DIV元素的屬性值,可以使用css()方法例:利用jquery獲取DIV元素的寬<!D

Web前端css中zoom:1屬性的定義和作用

css中zoom:1屬性的定義和作用

国产视频app 今天被問起CSS中有個zoom屬性是干什么用的,雖然我知道這個屬性是用來清除浮動,來觸發haslayout的。但具體的定義還不是很了解,就百度了一點關于zoom屬性的資料,然后總結了一下。CSS zoom屬性zoom:設置或檢索對象的縮放比例,觸發IE瀏覽器的haslayout屬性,解決浮動,margin重疊等一些問題。語法:zoom:n

Web前端html中隱藏A標簽的文字并顯示背景圖片

html中隱藏A標簽的文字并顯示背景圖片

在前端web的設計中,有時候為了seo需要做一些不合常理的規劃,所以在我們這里做SEO的小組經常和做前端的小組干仗的。今天就說一個SEO小組提出的HTML前端設計方案中的一個小需求,給大家參考一下。需求介紹1、給A標簽加入背景圖片,并顯示背景圖片2、A標簽要正常的寫法,在源碼中不能改變其代碼的格式。3、在瀏覽器的展示中,要把A標簽的文字隱

Web前端CSS設置背景圖片不重復的方法

CSS設置背景圖片不重復的方法

今天有小伙件來咨詢一個關于CSS中設置背景圖片不重復的小問題,給他解答的同時順便寫一下教程,詳細介紹一下CSS如何設置背景圖片,以及設置背景圖片的顯示方式等。CSS設置背景圖片在CSS中,我們可以利用 background 屬性來設置背景圖片,如下面的代碼<!DOCTYPE html><html><head&

Web前端CSS html文字的跑馬燈(流光)特效

CSS html文字的跑馬燈(流光)特效

国产视频app 在網頁的合適位置,放一些帶有跑馬燈特效的文字肯定會吸引訪客的眼球的。今天這篇博文就寫一寫利用純CSS來實現網頁中文字跑馬燈特效的案例。在CSS3出現以前,如果要制作一段流光文字必須借助圖片,但現在我們直接可以利用CSS代碼來實現了,省時又少力,還能加快前端網頁的加載速,省資源啊。先看效果圖:CSS3實現文字跑馬燈(流光)效果HTML代碼&

Web前端CSS3實現鼠標放大鏡和放小鏡的效果

CSS3實現鼠標放大鏡和放小鏡的效果

国产视频app CSS3中的cursor屬性可以改變鼠標的形狀,我們比較常用的到就是讓鼠標變成小手,或者自己引入外部的.cur圖標文件。今天我們就說一說,cursor屬性在不引入外部.cur文件的情況下,讓其變成放大鏡,放小鏡的形狀CSS3中的cursor屬性cursor 屬性規定要顯示的光標的類型(形狀)。其值如下表CSS3中的cursor屬性放大鏡,

Web前端自適應(響應式)網頁中的幾個關鍵分辨率

自適應(響應式)網頁中的幾個關鍵分辨率

国产视频app 現在移動端設備的普及下,除了辦公和游戲外使用電腦的次數越來越少,基本上都成為了低頭一族。而這苦了一些網頁前端的設計人員,為了能讓網頁適應PC端又同時適配移動端的前提下。自適應響應式網頁就成為了當前的主流。自適應網頁在不同設備或不同分辨率下,顯示的布局是不同的。為了不讓頁面變形,而更好來美化網頁,我們可以利用@media screen實現網

Web前端HTML中利用div+CSS實現簡單的箭頭圖標

HTML中利用div+CSS實現簡單的箭頭圖標

在網頁設計中,我們經常得會用到一些箭頭做為裝飾來點綴我們的網頁,雖然現在很多的網站的設計者們都喜歡以引用字體圖標的形式來實現箭頭的效果,但那樣也會給網頁的加載造成一些影響。今天飛鳥慕魚小編就給大家說一說,在網頁設計中如何利用div加CSS的方式來實現一些箭頭的效果。DIV+CSS實現實心小箭頭的效果在網頁的一些二級導航菜單,或是帶有下拉功

Web前端HTML中的hr元素的CSS樣式設置以及一些實例

HTML中的hr元素的CSS樣式設置以及一些實例

国产视频app 在對html網頁進行美化的時候,肯定少不了要用的hr標簽進行裝飾,很多人都會直接使用hr標簽,但也有大部份新人只會使用hr標簽,并不會對hr標簽進行一些美化的操作,hr標簽進過CSS樣式進行美化后,也是非常好看以及百常的實用的,今天飛鳥慕魚的小編就給大家說一說,有于對HTML中hr標簽的美化以及一些實例。HTML中的hr標簽HTML中的&

Web前端CSS兄弟選擇器符號‘+’號與‘~’號的區別

CSS兄弟選擇器符號‘+’號與‘~’號的區別

国产视频app 今天有人問我,在CSS的兄弟選擇器中'+'號和'~'號碼的區別是什么,而我自己對這個問題也不是很清除,當然,如果想弄清楚一個問題,用實踐的方式比較好,今天就通過舉幾個例子來說明一個,CSS選擇器中的加號和“~”號的區別在什么地方!CSS兄弟相鄰選擇器加號相鄰兄弟選擇器使用了加號(+),即相鄰兄弟結合符(Ad

Web前端HTML5之placeholder屬性以及如何更改placeholder屬性中文字顏色

HTML5之placeholder屬性以及如何更改placeholder屬性中文字顏色

国产视频app 在HTML5中為input標簽添加了一個新的屬性為placeholder,此placeholder屬性可以在input沒有任何輸入或value的屬性為空的情況下,來提示用戶在input中該輸入什么樣的內容,達到一個提示的作用。以前使用placeholder屬性的時候,并未對其進行過CSS定義,一直是瀏覽器默認的樣式,但最近有小伙件一直問我

Web前端CSS中瀏覽器前綴的兼容寫法

CSS中瀏覽器前綴的兼容寫法

瀏覽器引擎前綴,是一些放在CSS屬性前的小字符串,用來確保這種屬性只在特定的瀏覽器渲染引擎下才能識別和生效。谷歌瀏覽器和 Safari瀏覽器使用的是WebKit渲染引擎,火狐瀏覽器使用的是Gecko引擎,Internet Explorer使用的是Trident引擎,Opera以前使用Presto引擎,后改為WebKit引擎。一種瀏覽器引擎

1 2 ? 末頁
點擊下拉

ZBLOG主題/插件定制開發流程

ZBLOG主題/插件定制開發流程
用戶登錄