Css-基础
2017-11-14 18:06
155 查看
前言
感觉学习这个东东还是得在项目中去实践才可以得到很好的验证,简单梳理框架
当我们开发页面的时候,首先应该划分页面,根据所在的位置取调,这也就是盒子模型,margin表示的是块与块之间的关系,padding表示块内部之间的关系,CSS的中文意思是层叠样式表,适用于控制网页样式并允许将样式信息与网页内容进行隔离,Css的由来是因为html的缺陷,因为html只可以单个进行修改,所以如果我们想修改大量元素会非常的麻烦,所以引进了css,例如我们的div和span,这些可以使块,块改变
理解
这个表示css的选择器,用选择器来进行对他们全体进行改变嵌套语句:例如篇p b 表示篇包含于b的样式,也可以理解为p为父,b为子,当一个语句有父和子的时候,子会覆盖了父的样式,跟后端的概念是一样的
div与span的区别,如果有多个div元素,那么显示在页面上是竖着的,如果使用span显示出的效果是横着的。%表示现在的元素相对于body元素的%之多少,他会随着浏览器的变化而变化,而px表示绝对大小,他不会随浏览器的变化而变化。repeat-x;repeat-y表示水平重复和垂直重复
总结
感觉还是需要多多的去实践和发现相关文章推荐
- CSS里的各种水平垂直居中基础写法心得分享(附内联元素,块级元素的基本概念)
- css基础
- css常用基础汇总字体等的设置
- CSS基础学习
- CSS 基础(026_计数器)
- html css层叠样式基础(选择器的优先级)(六)
- css排版基础
- Css3之基础-6 Css 文本格式化(字体属性,文本属性)
- css基础1-新知识点
- HTML5学习笔记(五):CSS基础
- Web标准基础教程:CSS简写指南
- CSS基础知识---浮动,定位和盒模型
- 【CSS基础 】动画animation
- 前端基础 css笔记
- CSS 基础教程、整理资料、笔记总结
- html&css基础框架
- HTML&CSS基础学习笔记1.19-DIV标签1
- javaScript--02 CSS基础 上
- HTML/CSS基础知识实战
- CSS:CSS基础之六