CSS全解筆記(一)CSS基礎(1)

前言:

老師說:學習CSS應該把它當做藝術,用感性的思維去理解,就像畫畫,因為它的不固定性,需要通過不斷的嘗試來掌握它。也不需要過於刨根問底,所見即所學。

學習CSS要理解幾個重要的概念,文檔流 Normal Flow,塊、內聯、內聯塊(新版HTML5每個元素不分塊級元素還是內聯元素,CSS可以直接定義),margin 合並,兩種盒模型(border-box 更符合人類思維)。


一、CSS的歷史

1.CSS是誰發明的

由李爵士(Tim Berners-Lee)的挪威同事維姆萊( Håkon Wium Lie ) 於1994年首次提出CSS,也是css的創始人之一。 Opera Software的首席技術官,他的工作是確保Opera瀏覽器比以往所有的瀏覽器更好、更小、更快捷。在加入Opera之前,Hakon在w3c工作,負責層疊樣式表(CSS)的開發,。

2.CSS全稱為層疊樣式表

(1)樣式層疊

可以多次對同一選擇器進行樣式聲明

(2)選擇器層疊

可以用不同選擇器對同一元素進行樣式聲明

(3)文件層疊

可以用多個文件進行層疊

(4)這些特性使得CSS極度靈活

3.CSS的版本

  • 1996年發佈第一個版本CSS1
  • 1998年發佈第二個版本CSS2
  • 2004年~2011年經歷不斷完善,成為被最廣泛使用的版本CSS2.1
  • 1999年起草,2001年完成草案並沿用至今的版本CSS3

4.如何查看瀏覽器支持哪些特性

方法一:笨方法所有瀏覽器全部跑一遍(以前的方式)

方法二:使用http://caniuse.com(常用查看方式)

二、基本單位

1.長度單位

(1) px 像素

(2) em 相對於自身 font-size 的倍數

div{
font-size: 20px;
width: 3em;
}

发表回复

相关推荐

香港公司必备知识 | 3分钟了解商业登记证

根据香港《商业登记条例》(第310章)的规定,任何在香港经营业务的人士,都需要在公司开业之后的一个月内,以书面通知向税局 ...

· 3分钟前

被聯合抵制!四川大學走到今天這一步,純屬自找的

“落實立德樹人根本任務有差距,思想政治工作不夠到位,師德師風建設不夠紮實,加強學科建設不夠有力。”“落實全面從嚴治黨兩個...

· 12分钟前

小户型福利,7款迷你衣帽间设计方案,超实用!

其实在心底, 每个女生都希望有一间属于自己的衣帽间(包括丽酱在内)。 我们在很多影视剧里都看过这样梦幻敞亮的衣帽间,简 ...

· 12分钟前

直流電機和交流電機有什麼不同

1、首要兩者的外部供電不同,直流電機運用直流電做為電源;而交流電機則是運用交流電做為電源。2、從結構上說,前者的原理相...

· 14分钟前

转帖 欲加之罪,何患无辞–袁崇焕十二宗罪辨析

这是《袁崇焕之孤城》第二部《孤忠》后记之二(已在起点首发),看到凤凰网“袁崇焕是怎样走上神坛的?”等几组专稿以及起点中 ...

· 15分钟前

Copyright 2015-2025 www.icpchaxun.com ©All Rights Reserved.