技術資訊
css基本知識與基本語法
2014-10-26 09:01:35
今天小編與大家一起共同學習一下、css基本知識與基本語法。
一、基本概念
1、 選擇符:就是HTML當中可用的任何元素,例如:body,a,td p.....
2、 類: 就是我們自己給格式起的名字,應用的時候叫名字(class=類)
3、 偽類:visited、 active 、link 等
二、基本語法
CSS的定義是由三個部分構(gòu)成:選擇符(selector),屬性(properties)和屬性的取值(value)?!?/p>
基本格式如下: selector { property: value} (選擇符 { 屬性:值}) 選擇符是可以是多種形式,一般是你要定義樣式的HTML標記,例如BODY、P、TABLE……,你可以通過此方法定義它的屬性和值,屬性和值要用冒號隔開: body { color: black} 選擇符body是指頁面主體部分,color是控制文字顏色的屬性,black是顏色的值,此例的效果是使頁面中的文字為黑色。
如果屬性的值是多個單詞組成,必須在值上加引號,比如字體的名稱經(jīng)常是幾個單詞的組合: p { font-family: "sans serif"} ?。ǘx段落字體為sans serif) 如果需要對一個選擇符指定多個屬性時,我們使用分號將所有的屬性和值分開: p { text-align: center; color: red} (段落居中排列;并且段落中的文字為紅色) 為了使你定義的樣式表方便閱讀,你可以采用分行的書寫格式: p { text-align: center; color: black; font-family: arial } ?。ǘ温渑帕芯又?,段落中文字為黑色,字體是arial)
2.選擇符組 你可以把相同屬性和值的選擇符組合起來書寫,用逗號將選擇符分開,這樣可以減少樣式重復定義: h1, h2, h3, h4, h5, h6 { color: green } (這個組里包括所有的標題元素,每個標題元素的文字都為綠色) p, table{ font-size: 9pt } ?。ǘ温浜捅砀窭锏奈淖殖叽鐬?號字) 效果完全等效于: p { font-size: 9pt } table { font-size: 9pt }
3.類選擇符 用類選擇符你能夠把相同的元素分類定義不同的樣式,定義類選擇符時,在自定類的名稱前面加一個點號。假如你想要兩個不同的段落,一個段落向右對齊,一個段落居中,你可以先定義兩個類: p.right { text-align: right} p.center { text-align: center} 然后用不在不同的段落里,只要在HTML標記里加入你定義的class參數(shù):
注意:類的名稱可以是任意英文單詞或以英文開頭與數(shù)字的組合,一般以其功能和效果簡要命名。 三、具體使用 1、行內(nèi): 用選擇符 { 屬性: 值 } 例如: TD { FONT-SIZE: 9pt} 2、文件頭:方在 之間
以上就是對CSS基本知識和基本語法的菜鳥試講解法,能夠給大家?guī)硪欢ǖ挠锰帯?/p>
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設公司,高端網(wǎng)站定制,一站式網(wǎng)站服務——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設——從滿足預期到走向卓越
- [2023-04-11 09:17:49] H5頁面設計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設最容易忽略的人性化設計
- [2020-12-16 16:55:32] 建設一個常規(guī)的公司網(wǎng)站建設成本大概是多少?
延伸閱讀
- [2015-02-03 09:11:08] 時刻關注網(wǎng)站的健康程度
- [2011-11-03 15:12:14] 青島網(wǎng)站設計中關于alt和title兩大標簽的使用規(guī)則
- [2011-10-29 21:32:03] Yahoo!英文雅虎站長工具聯(lián)姻微軟bing
- [2014-05-17 18:35:52] 如何提高百度的權(quán)重值?(原創(chuàng))
- [2015-03-25 09:36:57] 三種鏈接方式的介紹及應用?
- [2011-11-02 09:29:33] 新站快速推廣經(jīng)驗,百度第二天收錄
- [2014-10-21 09:26:59] 設計前言、應用中的功能和美觀
- [2014-11-28 21:59:53] 如何做出一篇好的偽原創(chuàng)文章
- [2014-10-12 19:14:04] 成功的網(wǎng)站是怎么煉成的
- [2012-12-23 00:11:11] 交互設計的邏輯關系應用
- [2014-10-24 09:05:35] 如何編寫有技術性的文章心得
- [2014-11-08 22:41:32]
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
微官網(wǎng) 青島網(wǎng)站建設公司哪家好 青島開發(fā)區(qū)建站公司 php程序 網(wǎng)站建設的步驟有哪些 網(wǎng)頁設計 企業(yè)網(wǎng)站 青島網(wǎng)站建設基礎知識 青島好的網(wǎng)站優(yōu)化公司 營銷型網(wǎng)站 微信小程序 網(wǎng)站開發(fā) 官網(wǎng)建設 網(wǎng)站規(guī)劃 交互設計 青島不錯的英文網(wǎng)站建設公司 良好的導航 頁面設計 青島海洋投資集團 插畫 青島網(wǎng)站設計哪家好 SEO 青島高端網(wǎng)站設計公司哪家好 色彩心理學 高端輪胎網(wǎng)站設計 集團性網(wǎng)站 青島網(wǎng)頁制作 企業(yè)建站 青島高端網(wǎng)站建設公司哪家好 網(wǎng)站SEO