發(fā)布時(shí)間:2024-03-10
CSS最核心的概念
本文將講述 CSS 中最核心的幾個(gè)概念，包括：盒模型、position、float等。這些是 CSS 的基礎(chǔ)，也是最常用的幾個(gè)屬性，它們之間看似獨(dú)立卻又相輔相成。為了掌握它們，有必要寫(xiě)出來(lái)探討一下，如有錯(cuò)誤歡迎指正。下面是...
發(fā)布時(shí)間:2024-10-20
CSS樣式表代碼布局基礎(chǔ)教程
CSS樣式表代碼布局基礎(chǔ)教程—課程10：外部樣式表(一) 十、外部樣式表 外部樣式表是把各種樣式單獨(dú)存在一個(gè)文件里，供其他多個(gè)網(wǎng)頁(yè)調(diào)用，下面我們來(lái)看一個(gè)練習(xí)； 1、文本編輯器 1）打開(kāi)記事本或 gedit、leafpad 文本...
發(fā)布時(shí)間:2024-07-02
css 書(shū)寫(xiě)技巧 CSS 技巧教程簡(jiǎn)介
nettuts帶來(lái)的5個(gè)css書(shū)寫(xiě)技巧，簡(jiǎn)單翻譯一下它的中心思想。 1. CSS Reset/重置 你也許需要先了解什么是css重置。然后怎么樣寫(xiě)css重置呢。 你可以copy Eric Meyer Reset, YUI Reset或其它c(diǎn)ss reset, 但你接下來(lái)應(yīng)該根...
發(fā)布時(shí)間:2024-10-01
CSS教程設(shè)置文本屬性和字體間距的方法詳解
CSS教程文本屬性: 字體間距 用法: word-spacing: 1cm; word-spacing: 10pt; word-spacing: 10px; word-spacing: none; 定義: 使用這個(gè)屬性我們可以定義或者設(shè)置單詞之間的距離 word-spacing屬性可以設(shè)置以下的值。 a...
發(fā)布時(shí)間:2024-06-17
CSS教程之內(nèi)容設(shè)置的一些語(yǔ)法
一、white-space 可以實(shí)現(xiàn)HTML中PRE標(biāo)簽的效果，以及單元格的noWrap效果。 語(yǔ)法： white-space : normal | pre | nowrap 取值： normal： 默認(rèn)值。默認(rèn)處理方式。文本自動(dòng)處理?yè)Q行。假如抵達(dá)容器邊界內(nèi)容會(huì)轉(zhuǎn)到下一...
發(fā)布時(shí)間:2024-11-04
CSS教程:語(yǔ)義化方法替代結(jié)構(gòu)化方法介紹
CSS代碼的命名慣例一直是大家熱門(mén)討論的話題。今天教程網(wǎng)想通過(guò)分析一個(gè)流行三欄布局中的必要元素，來(lái)為大家講解關(guān)于使用語(yǔ)義化方法替代結(jié)構(gòu)化方法來(lái)命名CSS類的建議和指導(dǎo)。CSS類命名的語(yǔ)義化VS結(jié)構(gòu)化方式 一般而言...
發(fā)布時(shí)間:2024-08-22
css基礎(chǔ)教程之CSS基礎(chǔ)語(yǔ)法欣賞
css基礎(chǔ)教程之CSS基礎(chǔ)語(yǔ)法 我們學(xué)習(xí)CSS要明白一個(gè)重要的問(wèn)題，CSS主要是解決與實(shí)現(xiàn)表現(xiàn)（CSS）與結(jié)構(gòu)（HTML）的分離。我們編寫(xiě)完HTML之后，如何通過(guò)CSS對(duì)HTML實(shí)現(xiàn)控制呢。 1、行內(nèi)樣式 2、內(nèi)嵌樣式 3、鏈接樣式 4、...
發(fā)布時(shí)間:2024-07-31
CSS基礎(chǔ)教程之背景圖片
背景圖片BackgroundImages有許多屬性可以操作。 幸運(yùn)的是，可以使用background處理所有： body{ background:whiteurl(/uploads/allimg/200803/20080309225852658.gif)no-repeattop } 上面合并了下面屬性： backgroun...
發(fā)布時(shí)間:2024-08-11
CSS制作教程
有些習(xí)慣顯得尤為重要，今天與您分享六個(gè)CSS習(xí)慣。因?yàn)榱?xí)慣其實(shí)是會(huì)變的，所以只能寫(xiě)“最近”的。這些習(xí)慣都跟技術(shù)無(wú)關(guān)，如果不遵守，也不會(huì)出錯(cuò)。但是我覺(jué)得良好的習(xí)慣會(huì)體現(xiàn)一個(gè)人的素質(zhì)。 我們?cè)谥邢虼蠹医榻B過(guò)很...
發(fā)布時(shí)間:2024-10-05
CSS實(shí)用教程:CSS命名
在XHTML中定義ID、CLASSS都用得上，主要是方面CSS定義樣式時(shí)能一眼看穿。所以，CSS命名僅作參考。 (1)頁(yè)面結(jié)構(gòu)類 容器: container 頁(yè)頭：header 內(nèi)容：content/container 頁(yè)面主體：main 頁(yè)尾：footer 導(dǎo)航：nav 側(cè)...
發(fā)布時(shí)間:2024-06-26
CSS閉合浮動(dòng)元素教程
按照CSS規(guī)范，浮動(dòng)元素（floats）會(huì)被移出文檔流，不會(huì)影響到塊狀盒子的布局而只會(huì)影響內(nèi)聯(lián)盒子（通常是文本）的排列。因此當(dāng)其高度超出包含容器時(shí)，一般父容器不會(huì)自動(dòng)伸長(zhǎng)以閉合浮動(dòng)元素。但是有時(shí)我們卻需要這種...
發(fā)布時(shí)間:2024-09-15
關(guān)于網(wǎng)頁(yè)圖片屬性的CSS教程
圖片外框特征參數(shù): ①dashed：虛線 ②dotted：點(diǎn)虛線 ③solid：實(shí)線 ④double：雙線 ⑤groove：溝槽狀 ⑥r(nóng)idge：脊?fàn)?⑦inset：內(nèi)嵌 ⑧outset:外嵌 CSS TP特殊效果風(fēng)格屬性 ①灰/黑：Gray/Xray ②差值：Invert ③水...
發(fā)布時(shí)間:2024-10-03
關(guān)于容器定位的CSS教程
很神奇的一個(gè)晚上，居然在以前老同事的群里跟同事討論起CSS的東西來(lái)了，不過(guò)很意外的還是有收獲。在IE中常常會(huì)碰到如果將容器定位后，出現(xiàn)容器內(nèi)的文字不可選擇（測(cè)試的時(shí)候主要用帶連接的文字）。 xhtml結(jié)構(gòu)： 定位...
發(fā)布時(shí)間:2024-06-05
CSS選擇器教程
上節(jié)課我們講了一下CSS通過(guò)什么方式去控制頁(yè)面，如果不記得，我來(lái)幫大家回憶一下，總共有四種方式行內(nèi)方式、內(nèi)嵌方式、鏈接方式、導(dǎo)入方式，大家通過(guò)這四種方式就可以實(shí)現(xiàn)CSS對(duì)HTML頁(yè)面樣式的控制，如果要讓這些樣式...
發(fā)布時(shí)間:2024-09-05
CSS入門(mén)教程
從本篇開(kāi)始講述如何用css實(shí)現(xiàn)網(wǎng)頁(yè)的布局，即如何用css控制網(wǎng)頁(yè)內(nèi)各個(gè)元素的顯示位置。如果你是一個(gè)初學(xué)者，很可能覺(jué)得做一個(gè)網(wǎng)頁(yè)的第一步就是布局。其實(shí)不然，css網(wǎng)頁(yè)的設(shè)計(jì)過(guò)程可以參考分為以下幾步： 平面設(shè)計(jì)—頁(yè)...
發(fā)布時(shí)間:2024-09-05
CSS編程學(xué)習(xí)制作背景教程
在CSS里面，每個(gè)元素盒子都可以想象成由兩個(gè)圖層組成。 前景層：內(nèi)容（如文本或圖片）和邊框。 背景層：用實(shí)色填充（使用 background-color 屬性），也可以包含任意多個(gè)背景圖片（使用 background-image 屬性），背...
發(fā)布時(shí)間:2024-11-01
css的入門(mén)教程
CSS是CascadingStyleSheets(層疊樣式表)的縮寫(xiě)。是一種對(duì)web文檔添加樣式的簡(jiǎn)單機(jī)制，屬于表現(xiàn)層的布局語(yǔ)言。 1.基本語(yǔ)法規(guī)范 分析一個(gè)典型CSS的語(yǔ)句： p{COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中p我們稱為選擇器(se...
發(fā)布時(shí)間:2024-10-19
CSS中的line-height行高屬性的教程
基本概念 1.行高、行距 行高是指文本行基線間的垂直距離。那什么是基線呢？記不記得vertical-align屬性有個(gè)baseline值，這個(gè)baseline就是基線�？磸垺氨I圖”（選自下面的參考文章），其實(shí)我也修改了一下啦~ 注意：倒...
發(fā)布時(shí)間:2024-05-14
網(wǎng)頁(yè)顏色表示方法CSS教程介紹
css可以處理16,777,216顏色，可以使用名字、rgb值或十六進(jìn)制代碼。 red紅色 等同于 rgb(255,0,0) rgb(100%,0%,0%) #ff0000 #f00 有17個(gè)預(yù)先確定的顏色，它們是： aqua, black, blue, fuchsia, gray, green, lime, ma...
發(fā)布時(shí)間:2024-08-20
css滑動(dòng)門(mén)教程介紹
滑動(dòng)門(mén)(Sliding Doors) 還是決定把滑動(dòng)門(mén)單獨(dú)提作一種單獨(dú)的技術(shù). 它是CSS引入的一項(xiàng)用來(lái)創(chuàng)造漂亮且實(shí)用的界面的新技術(shù), 它使用簡(jiǎn)單, 我們只需要使用兩張單獨(dú)的背景圖片, 就可以實(shí)現(xiàn)。 滑動(dòng)門(mén)一般用做網(wǎng)站Tab導(dǎo)航, ...