1、前端基础 盒子模型 位置（相对 绝对） 浏览器渲染顺序（从上而下，从外到里;如果里面有宽度则再从里而在，如div没有设置宽度则一直撑大到设置了宽度的div为止） 浮动 2、基础布局 中间固定两边自适应（就是居中了） 可用display:inline-block 和text-align:center...

2018-06-24 00:38:00

在自己之前做的一个视频播放的网站的项目中，由于没有专业的设计，只有一个PS大神。所以在做页面的时候，如何布局如何设计页面的责任就落在了我这个前端学徒工的身上。 那时候自己用的最熟练的就是盒子模型，所以我就会把页面整体划分为一个一个的盒子，盒子间的互相嵌...

2018-06-24 00:38:06

HTML基本组成结构与标签 其实组成结构用一张图来简单了解下如下 目前一般网站的结构是会如此不是很清晰简单 先来说说header头部 这样是不是更加清楚了 导航栏是引导用户查看网站内容的快捷入口，打个比方例如你去超市买酱油，超市的头顶上会挂着分类区域例如，生活用品...

2018-06-24 00:38:02

使用CSS的外链方式，写了一个五环 CSS的布局 附加radius的使用 思路： 一个大盒子里放两个子盒子； 两个子盒子上下排列，分别放3个和2个盒子用来制作圆环； 大盒子给相对定位，连个子盒子设为绝对定位； 用到CSS中的 border-radius 方法制作圆环，前提是用来制作圆环的...

2018-06-24 00:38:01

定位 定位用来控制元素的位置 定位的关键字是position,position有4个值,分别是relative,absolute,static,fixed当元素定位以后,元素有4个值可以用,分别是left,right,top,bottom. 我用以下几个例子来演示absolute绝对定位和relative相对定位 1.我定义了一个main里面套着...

2018-06-24 00:37:55

CSS盒子模型：网页设计中CSS技术所使用的一种思维模型。 CSS盒子模型组成：外边距（margin）、边框（border）、内边距（padding）、内容（content）。 CSS盒子模型分为：标准W3C盒子模型，IE盒子模型， 注意在两种模型中宽（width）和高（height）包括属性的不同。 标...

2018-06-24 00:37:51

主题《新世界》html+css 静态布局（二） 刚开始学习了一个星期html和css之后，老师布置了这样一个作业，就是一张图，然后这样了 新世界 代码 说明 html 部分 !DOCTYPE html html head meta charset="utf-8" title兔兔派伴/title link rel="stylesheet" type="text/css"...

2018-06-24 00:37:57

刚html刚讲完马上就接着css，周末的任务就是高仿案例，结果有点遭 图文布局 代码 css（内部样式） html !DOCTYPE html html head meta charset="utf-8" title报刊/title style type="text/css" body{ background-color: gray; } .all{ width: 980px; height: 1386px; m...

2018-06-24 00:37:53

版权声明：本文为博主原创文章，未经博主允许不得转载。 当我们自定义博客园博客，更换背景图片时，由于我们无法使用自己计算机的本地图片的url,所以只能使用已在网上的图片URL，第一种办法，是通过上传头像获取，然后审查元素，获取图片网络url，但是有局限。第二种，...

2018-06-24 00:37:54

最近在做公司的项目的手，遇到了要是 html页面元素定位的问题。 查阅了相关资料，这里 Mark。 1）可以使用 css的position属性实现该功能。 2）代码实现如下（可以运行 http://www.w3school.com.cn/tiy/t.asp?f=csse_position_absolute）： html head style type ="text...

2018-06-24 00:37:51