CSS入门 笔记

1、历史

层叠样式表(英语:Cascading Style Sheets,简写CSS),又称串样式列表、级联样式表、串接样式表、阶层式样式表,一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。
CSS最早由哈肯·维姆·莱 10月10日,1994年当时,李正在同蒂姆·伯纳斯-李在欧洲核子研究中心。同时提出了几种其他网络样式表语言,公共邮件列表和万维网联盟内部的讨论导致第一个W3C CSS建议书(CSS1)于1996年发布。特别是,Bert Bos的建议很有影响力; 他成为CSS1的合着者,被认为是CSS的共同创造者。
HTML,CSS和DOM的开发都发生在HTML编辑审查委员会(ERB)的一个小组中。在1997年初,再培训局分为三个工作组:HTML工作组,由W3C 的Dan Connolly担任主席; DOM工作组,由SoftQuad的Lauren Wood担任主席; 和CSS工作组,由W3C 的Chris Lilley担任主席。
2005年,CSS工作组决定更严格地执行标准要求。这意味着已经发布的标准,如CSS 2.1,CSS 3选择器和CSS 3文本,从候选建议书撤回到工作草案级别。
从 2011 年开始 CSS 被分为多个模块单独升级,统称为 CSS 3。这些模块有:
CSS 选择器 level 3
CSS 媒体查询 level 3
CSS Color level 3
CSS spec

周边工具

  1. LESS CSS
    一种简化、功能更多的 CSS 语言
  2. SASS
    一种简化、功能更多的 CSS 语言
  3. PostCSS
    一种 CSS 处理程序

2、学习资源

  1. MDN
  2. CSS Tricks
  3. 阮一峰的博客
  4. 张鑫旭的博客
  5. Codrops炫酷CSS效果
  6. CSS揭秘
  7. CSS 2.1 中文 spec
  8. Magic of CSS

3、CSS引入方式

1、直接在标签中引入(内联样式)

<h1 style="text-align: center; color: red;"></h1>

2、在head中引入

<head>
	<title></title>
	<style>
		body{
			background-color: grey;
		}
		h1{
			text-align: center; color: red;
		}
	</style>
</head	

3、外联样式

<link rel="stylesheet" href="./xxx.css">

4、在CSS内引入另一个CSS

@import url{./yyy.css};

4、技巧

1、将元素变成横向

style="float:left;"

解决浮动元素的BUG
在其父级元素添加

.clearfix::after{
    content: "";
    display: block;
    clear: both;
}

猜你喜欢

转载自blog.csdn.net/weixin_43729368/article/details/84307932