简单介绍CSS,学习入门自用=-=
以下笔记摘抄全部来自优达学城,感谢优达让我入门。
什么是CSS
CSS即层叠样式表,是一种标记语言。用来描述网站上各种元素的外观。
CSS把网站的样式和内容分开了。HTML写页面内容,CSS页面内容呈现的样式。
CSS规则集
一个简单CSS语句中的基本构件模块
下图中,div为选择器
规则集由两部分组成,一个是选择器,一个是声明块。
选择器筛选出你想要添加样式的HTML元素的代码。
声明块用来描述你想要为指定HTML添加的样式的代码。
注释
CSS注释形式
CSS评论被开头/*和结尾包围*/。
例子
p{
color: blue;
}
/* add CSS here */
h1{
color: red;
}
属性和选择器
标签选择器
h1{
color: green;
}
使用标签选择器的话,会选择所有的标签。
class 属性选择器
.book-summary{
color: blue;
}
推荐:)可以给多个HTML元素添加同样的属性。
类可以应用在多个HTML元素中。
一个HTML元素也可以拥有多个类。
id 属性选择器
#site-description{
color: red;
}
我们要保守的使用ID。一个HTML元素只能拥有一个ID。
CSS参考
Mozilla开发者网络 - CSS参考
css-tricks.com - CSS年历
开发工具
谷歌浏览器F12召唤
火狐浏览器F12召唤
CSS单元
绝对单位:测量固定单元
相对单位:相对于另一个物体的固定长度
CSS颜色
RGB模式表现
例,洋红色rgb(255,0,255)
Red:255
Green:0
Blue:255
body{
background-color:rgb(255,0,255);
}
十六进制表现
例,洋红色#FF00FF 或 #F0F
Red:FF
Green:00
Blue:FF
body{
background-color:#FF00FF;
}