CSS能够对网页中对象的位置排版进行像素级的精确控制,支持所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,范围有以下三点 :
1、外联式Linking(也叫外部样式):将网页链接到外部样式表。
2、嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。
3、内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。
仅用于当前网页的CSS样式和外部链接CSS样式的主要区别:
1、适用范围:
由页面进行调用,多个网页可以调用一个外部样式文件,因此可以实现代码的最大化使用及网站文件的最优化配置。一般是采用<link href="style/style.css" rel="stylesheet" type=text/css"/>进行调用。而仅用于当前网页的CSS样式就如同字面上的意思,只有当前一个网页能够适用该css。
2、耦合度:
外部链接CSS样式是独立于HTML文件单独可以存在的,因此与网页的HTML文件耦合度减低了,在后期维护时就更方便更安全。仅用于当前网页的CSS样式存在于HTML文件中,对后期的更新维护不利。
扩展资料:
CSS的语言特点:
1、丰富的样式定义:
CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
2、多页面应用:
CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
3、层叠:
简单的说,层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表,而某些页面中的某些元素想使用其他样式,就可以针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写,在浏览器中看到的将是最后面设置的样式效果。
参考资料:百度百科——css
在构建类似 Bootstrap 这样的 CSS 系统时,保持系统的简单性、稳定性、灵活性是相当重要的。这并非易事,尤其对于大型团队和项目来说,组件的数量可能会变得相当庞大。为了改善这种状况,你不妨考虑用前缀式类名取代链式类名。
.success { ... }.btn.success { .. }
.alert.success { ... }