盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。 HTML文档中可以将每个元素都看作是长方形的盒子。而CSS盒模型规定了元素框处理元素内容content、内边距padding、边框border和外边距margin的方式。 ...
分类:
Web程序 时间:
2020-02-22 23:50:21
阅读次数:
98
CSS盒子模型 所有的文档元素都会生成一个矩形框,描述着它所占有位置的空间; 首先我们介绍几个重要的概念:宽度/高度/外边距/内边距/边框 ...
分类:
Web程序 时间:
2020-02-20 23:34:25
阅读次数:
79
在传统的css布局,都是依赖于position,float,dosplay进行。在一些特定的布局的实现上往往很不方便,比如一个元素的垂直居中。鉴于这种关系,2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着, ...
分类:
Web程序 时间:
2020-02-17 15:42:51
阅读次数:
102
目录 1.CSS基础 2.CSS布局 3.CSS效果 4.CSS动画 5.预处理器 6.CSS工程化 ...
分类:
Web程序 时间:
2020-02-16 16:29:13
阅读次数:
72
恢复内容开始 一、第一阶段 专业核心基础 1、第一周 HTML和CSS入门 知识要点: web前端开发环境、HTML常用标签、表单元素、table布局、CSS样式表、DIV+CSS布局 课程目标: 熟练运用HTML和CSS样式属性完成页面的布局和美化,能够仿制任意网站的前端页面实现 2、第二周 CS ...
分类:
Web程序 时间:
2020-02-12 11:24:08
阅读次数:
172
今天学习DIV+CSS布局制作京东网站的视频制作了京东网站的顶部与中部: 所观看的视频为: 京东项目 DIV+CSS布局(1-17p) 明日任务:学习js,补充JD网站 ...
分类:
其他好文 时间:
2020-02-06 23:14:29
阅读次数:
78
今天着重于学习了div+css布局相关的知识: 1.css定位:相对定位(让元素相对于自己原来的位置,进行位置调整),固定定位(页面滚动,位置不变),绝对定位. position:relative; left: 600px; //left为居左600px top: 50px; //top为居顶50p ...
分类:
其他好文 时间:
2020-02-01 21:02:01
阅读次数:
68
1html介绍 <meta>定义关于 HTML 文档的元信息。<link>定义文档与外部资源的关系。<style>定义文档的样式信息。<script>定义客户端脚本 2标签(1),代码语义化 <p></p>段落 <hx></hx>标题 <em></em>斜体强调 <strong></strong>粗 ...
分类:
Web程序 时间:
2020-01-31 00:50:31
阅读次数:
95
CSS居中布局在实际开发中是经常使用的一种布局方式,同时也是面试中会问的基础CSS布局中常见的问题之一。水平居中元素的宽未知方法1.1: text-align:center,适合的元素通常为文档流中的内联元素,例如span,a,img,input等等.123.parent { text-align:... ...
分类:
Web程序 时间:
2020-01-29 12:38:41
阅读次数:
89
前端工程师学习路线 第一阶段 html+css html进阶、css进阶、div+css布局、html+css整站开发 JS基础 js基础教程、js内置对象常用方法、常见dom树操作大全、ES、DOM、BOM、定时器和焦点图 JS基本特效 常见特效:tab、导航、页面滚动、轮播图、JS制作幻灯片、淡 ...
分类:
其他好文 时间:
2020-01-23 21:15:12
阅读次数:
110