CSS+div总结

简介: CSS+div总结

根据学习计划,将视频进行了学习,之前就知道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文档,别等到绞尽脑汁写了一段代码,结果发现人家已经做好了这些功能,所以,自己要养成查文档的好习惯!


目录
相关文章
|
6月前
|
前端开发
css div覆盖样式(一个div想覆盖掉另一个div在他上面进行显示)
css div覆盖样式(一个div想覆盖掉另一个div在他上面进行显示)
78 0
|
前端开发
CSS div隐藏滚动条
CSS div隐藏滚动条
70 0
|
2月前
|
JavaScript 前端开发
网页前端课程设计-【模仿】香港中文大学官网,轮播图及div+css布局,js的dom操作
这篇文章介绍了如何模仿香港中文大学官网进行网页前端课程设计,包括使用div+css布局、js的DOM操作以及实现轮播图等技术细节。
|
4月前
|
前端开发
css 实用技巧 —— div在div中水平垂直居中(两种方法)
css 实用技巧 —— div在div中水平垂直居中(两种方法)
220 3
|
4月前
|
前端开发
css 拉伸 resize —— 实现可拉伸的div(含限制拉伸的尺寸)
css 拉伸 resize —— 实现可拉伸的div(含限制拉伸的尺寸)
331 1
|
4月前
|
前端开发
css div填满剩余高度
css div填满剩余高度
97 0
|
6月前
|
编解码 前端开发 UED
div+css详解
总的来说,"div+css"是一种强大的网页布局方法,它提供了灵活性和可维护性,使得网页设计师和开发人员能够创建各种各样的页面布局和风格,同时确保网站具有一致的外观和良好的用户体验。它已成为现代Web开发中的标准实践之一。
125 3
|
6月前
|
前端开发 JavaScript
css 设置div阴影样式
css 设置div阴影样式
51 0
|
6月前
|
前端开发 小程序
css div添加滚动条(附加源码)
css div添加滚动条(附加源码)
82 0
|
6月前
|
前端开发 搜索推荐 容器
div+css的布局较table布局有什么优缺点?
div+css的布局较table布局有什么优缺点?

热门文章

最新文章