CSS+div总结 标签: css 2016-01-17 11:35 926人阅读 评论(31) 收藏
根据学习计划,将视频进行了学习,之前就知道css是基础,然后一致认为既然是基础,应该比较简陋吧,结果经过学习才发现,css的效果也是很炫的啊,然后学习完了视频,自己又找了一些教程。下面就简单介绍一下我所认识的css吧。
什么是css呢?
层叠样式表(英语:Cascading Style Sheets,简写CSS),又称串样式列表、级联样式表、串接样式表、层叠样式表、階層式樣式表,一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
现在我们学习的大多是css3,现在很多浏览器都支持css3,当然ie的低版本的浏览器不支持,不过照发展来看,使用这些浏览器的人越来越少了。
css使用方式
css的使用有3种方式
外联式Linking(也叫外部样式):将网页链接到外部样式表。
嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。
内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。
这三种方式都能对我们的网页样式进行控制,他们的优先级是内联式>嵌入式>外联式
css盒子模型
盒模型是我们为div设置样式和位置格式时很重要的一个概念,一般来说,页面中的每一个元素都会形成一个矩形盒子,渲染引擎根据给定的样式确定这个盒子的呈现。通俗的来说,页面的布局就是一个个盒子的排列和摆放。掌握了盒子呈现的本质,布局也就轻而易举。
而css也就是对这些盒模型进行排版设置格式,看了一些很好玩的例子,对css的强大功能也有了一些认识,将来在运用的时候也要学会多多查api文档,别等到绞尽脑汁写了一段代码,结果发现人家已经做好了这些功能,所以,自己要养成查文档的好习惯!