CSS入门
CSS入门
什么是CSS?
CSS(Cascading Style Sheets)是层叠样式表
CSS有什么作用?
- 它用于定义HTML元素的显示形式,是一种格式化网页内容的技术
- 推荐使用CSS来取代HTML中显示样式的属性
- 1999年1月,CSS 2.0正式发布,增加对其它媒体的支持,如:打印机、视觉设备、可下载子体、元素定位和表格的支持。CSS 3.0已经出了很久
CSS优点
- CSS将从基础开始建设直到全面替代传统Web设计方法。W3C组织创建的CSS技术将替代HTML中用于表现的HTML元素。
- 提高页面浏览速度。使用CSS,比传统的Web设计方法至少节约50%以上的文件尺寸(即占用空间少)。
- 缩短改版时间,降低维护费用。只要简单修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
- 强大的字体控制和排版能力。有了CSS,我们不再需要用font标记或者透明的1 px GIF图片来控制标题,改变字体颜色、字体样式等等。
- CSS非常容易编写。我们可以象写HTML代码一样轻松地编写CSS。
- 可以一次设计,随处发布。你的设计丌仅仅用于Web浏览器,也可以发布在其他设备上。
- 更好的控制页面布局。结合CSS和div元素,可以比传统的使用table元素更好地控制页面布局。
- 实现表现和结构、内容相分离。将网页的表现形式部分剥离出来放在一个独立样式文件中,可以减少未来网页无效的可能。
- 更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到网页的内容,并可能给网页一个较高的评价。
CSS的样式规则
CSS与字处理程序(即对字体进行修改,如设置大小、加粗之类)中的样式的工作方式相似,我们可以先定义一个包含格式选项的“样式”,然后将其应用于文档元素。CSS样式由样式规则组成,所有的样式规则的语法遵循如下相同的基本格式:
选择器{ 属性1: 值1; 属性2: 值2; ... 属性N: 值N; }
先定义一个样式,通过<style></style>,然后在里面加一些样式,比方让字体变大“font-size:36px”,下面的页面元素只要是好h1标签的,字体都会变成36px。也就是写好一堆代码,让下面的元素应用上面的代码
<style> h1{ font-size:36px; } </style>