简单了解CSS
来源:互联网 发布:linux查看hca卡 编辑:程序博客网 时间:2024/06/05 10:07
最近在学牛腩新闻发布系统的时候遇到了CSS样式表,觉得这个东西很神奇,可以随意的对网页样式进行更变,所以去简单的了解了一下新闻样式表。
CSS的中文名字叫做层叠样式表,它是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态的对网页各元素进行格式化。(HTML是超文本标记语言,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。XML是可扩展标记语言,是一种用于标记电子文件使其具有结构性的标记语言。)
CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有字体字号和样式,拥有对网页对象和模型样式的编辑的能力。
CSS的特点:
CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。
CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
4.层叠
简单的说,层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。
在使用HTML定义页面效果的网站中,往往需要大量表格形成的文字样式,这样做的后果就是会产生大量的HTML标签,使页面文件的大小增加。而将样式的声明单独放到CSS样式表中,可以大大的减小页面的体积,这样在加载页面时使用的时间也会大大的减少。
CSS的语言基础属性
属性的名字是一个合法的标识符,它们是CSS语法中的关键字。一种属性规定了格式修饰的一个方面。要掌握一个属性的用法,有六个方面需要了解。
1.该属性的合法属性值。显然段落缩进属性text-indent只能赋给一个表示长度的值,而表示背景图案的background.image属性则应该取一个表示图片位置链接的值或者是关键字none表示不用背景图案。
2.该属性的默认值。当在样式表单中没有规定该属性,而且该属性不能从它的父级元素那儿继承的时候,则浏览器将认为孩属性取它的默认值。
3.该属性所适用的元素。有的属性只适用于某些个别的元素,比如white-space属性就只适用于块级元素。white-space属性可以取normal、pre和nowrap三个值。当取normal的时候,浏览器将忽略掉连续的空白字符,而只显示一个空白字符。当取pre的时候,则保留连续的空白字符。而取nowrap的时候,连续的空白字符被忽略,而且不自动换行。
4.该属性的值是否被下一级继承。
5.如果该属性能取百分值,那么该百分值将如何解释。
总结:
CSS在今后的学习中还是很重要的,因为它可以使我们做出来的东西,更好、更不容易被取代,所以我们还需要不断地去研究的。
- 简单了解CSS
- 简单了解css
- HTML CSS简单了解笔记
- CSS简单了解-Web笔记(三)
- CSS清除float浮动_div+css简单了解
- 了解CSS
- 了解css
- css了解
- 了解CSS
- CSS了解
- 简单了解学习CSS的伪类(特别是hover,actived)
- 了解CSS 知道什么是CSS
- 初步了解CSS
- css position了解
- CSS几个概念了解
- css样式深入了解
- 了解CSS overflow属性
- CSS概要了解
- Elasticsearch(七)【NEST高级客户端--序列化】
- 完美解决 Ubuntu 屏幕分辨率异常问题
- Android Canvas 的使用
- Codeforces Round #411 (Div. 2) 题解
- Android 基类Base的封装
- 简单了解CSS
- 避免事件冒泡
- 241. Different Ways to Add Parentheses
- 常用的工具
- 多物体运动动画js脚本
- 深度优先搜索应用:走迷宫
- building machine learning system with Python 学习笔记--从零开始机器学习(3)第一个应用
- 文章标题
- vue.js环境配置