前端培训之css

作为前端培训课程中的重要技术课程CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

CSS

• 层叠样式表 (Cascading Style Sheets)

• css可以用来为网页创建样式表,通过样式 表可以对网页进行装饰。

• 所谓层叠,可以将整个网页想象成是一层 一层的结构,层次高的将会覆盖层次低的。

• 而css就可以分别为网页的各个层次设置样 式。
基本语法

• CSS的样式表由一个一个的样式构成,一个 样式又由选择器和声明块构成。

• 语法: – 选择器 {样式名:样式值;样式名:样式值; } – p {color:red; font-size:12px;}
行内样式

• 可以直接将样式写到标签内部的style属性 中,这种样式不用填写选择器,直接编写 声明即可。
• 这种方式编写简单,定位准确。但是由于 直接将css代码写到了html标签的内部,导 致结构与表现耦合,同时导致样式不能够 复用,所以这种方式我们不使用。 <p style=”color: red;font-size: 30px”></p>
内部样式表

• 可以直接将样式写到<style>标签中。
• 这样使css独立于html代码,而且可以同时为 多个元素设置样式,这是我们使用的比较多的 一种方式。

• 但是这种方式,样式只能在一个页面中使用, 不能在多个页面中重复使用。
<style> p{color:red; font-size: 30px;} </style>
外部样式表

• 可以将所有的样式保存到一个外部的css文 件中,然后通过<link>标签将样式表引入 到文件中。
• 这种方式将样式表放入到了页面的外部, 可以在多个页面中引入,同时浏览器加载 文件时可以使用缓存,这是我们开发中使 用的最多的方式。


上一篇:
下一篇:
关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
电话:010-56253825
邮箱:info@atguigu.com
地址:北京市昌平区宏福科技园综合楼6层(北京校区)

 深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)