css介紹

1 css的全稱是什么?

css的全稱是層疊樣式表(Cascading Style Sheet)

2 css有幾種引入方式

?內(nèi)聯(lián)樣式:在標簽中直接加上css屬性拂盯,<p style="color:red;">段落</p>

?內(nèi)部樣式:在html代碼中的style標簽中定義的css屬性,

<style type="text/css">

? p {

? ? color:red;

? }

</style>

外部引用樣式:一般在html的head中引用外部css文件(css文件中定義了具體的css屬性),

<link rel="stylesheet" type="text/css" href="/static/css/index.css"></link>

鏈接外部樣式: 在html中的style標簽中可以用@import來鏈接外部樣式

<style type="text/css">

? @import url("/static/css/index.css");

</style>

3 以下這幾種文件路徑分別用在什么地方,代表什么意思?

css/a.css 相對路徑 (表示的是當前目錄下的css目錄下的a.css文件)

./css/a.css 相對路徑 (同上)

b.css 當前目錄下的文件 (表示的是當前目錄下的b.css文件)

../imgs/a.png 相對路徑 (表示的是和當前目錄平行的imgs目錄下的a.png文件)

/Users/hunger/project/css/a.css 本地文件的絕對路徑 (表示的是a.css文件在本地文件系統(tǒng)中的絕對路徑)

/static/css/a.css 網(wǎng)站路徑 (表示的是網(wǎng)站路徑,也就是說a.css文件在網(wǎng)站根目錄的路徑)

http://cdn.jirengu.com/kejian1/8-1.png 網(wǎng)站路徑 (文件在服務(wù)器上的url地址)

4 如果我想在js.jirengu.com上展示一個圖片,需要怎么操作?

思路:將本地圖片上傳穷当,通過瀏覽器加載server中文件夾內(nèi)的圖片

上傳完成后,當圖片所在文件夾與html展示頁面在同級目錄中時淹禾,我們可以通過相對路徑直接調(diào)用展示

比如:img src="url" alt="some_text" style="width:width;height:height;"

url對應(yīng)的就是圖片在后臺服務(wù)器中的路徑(可以是相對路徑也可以是絕對路徑)

如果在另外一臺服務(wù)器中:

img src="http://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com"

5 列出5條以上html和 css 的書寫規(guī)范

1.語法統(tǒng)一使用小寫

2.不使用內(nèi)聯(lián)樣式的style元素定義樣式馁菜,建議采用外部css

3.id和class使用有區(qū)分度的單詞,且如果有多個單詞用-分隔

4.塊內(nèi)容縮進

5.屬性: value(中間用一個空格)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末铃岔,一起剝皮案震驚了整個濱河市汪疮,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌毁习,老刑警劉巖智嚷,帶你破解...
    沈念sama閱讀 212,080評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異纺且,居然都是意外死亡盏道,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,422評論 3 385
  • 文/潘曉璐 我一進店門载碌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來猜嘱,“玉大人,你說我怎么就攤上這事嫁艇±柿妫” “怎么了?”我有些...
    開封第一講書人閱讀 157,630評論 0 348
  • 文/不壞的土叔 我叫張陵步咪,是天一觀的道長论皆。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么纯丸? 我笑而不...
    開封第一講書人閱讀 56,554評論 1 284
  • 正文 為了忘掉前任偏形,我火速辦了婚禮,結(jié)果婚禮上觉鼻,老公的妹妹穿的比我還像新娘俊扭。我一直安慰自己,他們只是感情好坠陈,可當我...
    茶點故事閱讀 65,662評論 6 386
  • 文/花漫 我一把揭開白布萨惑。 她就那樣靜靜地躺著,像睡著了一般仇矾。 火紅的嫁衣襯著肌膚如雪庸蔼。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,856評論 1 290
  • 那天贮匕,我揣著相機與錄音姐仅,去河邊找鬼。 笑死刻盐,一個胖子當著我的面吹牛掏膏,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播敦锌,決...
    沈念sama閱讀 39,014評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼馒疹,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了乙墙?” 一聲冷哼從身側(cè)響起颖变,我...
    開封第一講書人閱讀 37,752評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎听想,沒想到半個月后腥刹,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,212評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡哗魂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,541評論 2 327
  • 正文 我和宋清朗相戀三年肛走,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片录别。...
    茶點故事閱讀 38,687評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡朽色,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出组题,到底是詐尸還是另有隱情葫男,我是刑警寧澤,帶...
    沈念sama閱讀 34,347評論 4 331
  • 正文 年R本政府宣布崔列,位于F島的核電站梢褐,受9級特大地震影響旺遮,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜盈咳,卻給世界環(huán)境...
    茶點故事閱讀 39,973評論 3 315
  • 文/蒙蒙 一耿眉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧鱼响,春花似錦鸣剪、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,777評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至江滨,卻和暖如春铛纬,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背唬滑。 一陣腳步聲響...
    開封第一講書人閱讀 32,006評論 1 266
  • 我被黑心中介騙來泰國打工告唆, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人间雀。 一個月前我還...
    沈念sama閱讀 46,406評論 2 360
  • 正文 我出身青樓悔详,卻偏偏與公主長得像,于是被迫代替她去往敵國和親惹挟。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,576評論 2 349

推薦閱讀更多精彩內(nèi)容

  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,524評論 32 459
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理缝驳,服務(wù)發(fā)現(xiàn)连锯,斷路器,智...
    卡卡羅2017閱讀 134,633評論 18 139
  • 1. CSS CSS = 層疊樣式表 Cascding Style Sheet HTML 表達結(jié)構(gòu)用狱, CSS 表達...
    hyt222閱讀 419評論 0 0
  • 用高光筆在黑卡紙上畫畫运怖,有點不一樣的感覺,隨意的勾畫一些簡單的線條組合起來看效果竟然還不錯夏伊。不過畫的過程有點心疼我...
    zhaonannan閱讀 295評論 1 3
  • 忘了在哪里看過這樣一段話: 如果說兄弟間的情誼是堅韌的巖石的話溺忧,那閨蜜的情感就是潺潺的流水咏连。它柔弱,但堅韌鲁森;它細小...
    合法販獨閱讀 471評論 0 1