本文所讨论场景均由以下代码表示。 HTML结构： div class ="outer" div class ="inner" / div / div CSS样式： .outer { width : 300px ; border : 1px solid #ccc ; background : red ;} .inner { width : 100px ; height : 100px ; background : blue ; float : left...

2018-06-24 00:53:21

实例 设置弹性盒对象元素的顺序： div # myRedDIV { order : 2 ;} div # myBlueDIV { order : 4 ;} div # myGreenDIV { order : 3 ;} div # myPinkDIV { order : 1 ;} 复制 效果预览 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在 -webkit-,...

2018-06-24 00:53:20

今天分享一下简单导航栏的制作方法： 第一步：引入css样式表，新建一个id为nav的层，使用ul、li、a标签来制作完成效果。 ! DOCTYPE html html head meta charset ="UTF-8" title / title link rel ="stylesheet" type ="text/css" href ="css/yiji.css" / / head body...

2018-06-24 00:53:17

[转]HTTP请求模型和头信息参考 参考:http://blog.csdn.net/baggio785/archive/2006/04/13/661410.aspx 模型:http://blog.csdn.net/baggio785/archive/2006/04/13/661412.aspx HTTP请求模型 一、连接至Web服务器 一个客户端应用（如Web浏览器）打开到Web服务器的HTTP端...

2018-06-24 00:53:13

实例 设置 div 元素内弹性盒元素的方向为相反的顺序： div { display : flex ; flex - direction : row - reverse ; } 复制 效果预览 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一...

2018-06-24 00:53:12

目录 背景与边框第一部分 背景与边框第二部分 形状 视觉效果 字体排印 用户体验 结构与布局 过渡与动画 源码下载 一、缓动效果 学习和利用贝塞尔曲线，默认支持ease，ease-in，ease-out,ease-in-out和linear等 还提供一个cubic-beizer自定义贝塞尔曲线的起点和终点 Css...

2018-06-24 00:53:05

0.float与margin 两个相邻的浮动元素，当 第一个浮动元素 （不论是左浮动还是右浮动）的 宽度为100% 时， 第二个浮动元素 会被挤到下面，通过添加 负margin-right 值（绝对值最少等于它自身的宽度），可以使它回到第一行。 在书写html代码时，我们通常的习惯根据UI样式...

2018-06-24 00:53:02

将html模板放入script标签中 使用javascript开始解析模板...

2018-06-24 00:53:00

border-radius 属性设置边框的园角 可能的值：像素，百分比 扩展延伸 html代码 div/div css代码 div { height: 200px; width: 200px; border: 2px solid #a72525; border-radius: 10px;} 结果 css代码 div { height: 200px; width: 200px; background: #a72525; border...

2018-06-24 00:52:57

误区一.多div症 div class="nav" ul lia href="/home/"Home/a/li lia href="/about/"About/a/li lia href="/concact/"Concact/a/li /ul/div 上述使用使用多余的div标签现状，就称为 多div症 ，理应简化成下 ul class="nav" lia href="/home/"Home/a/li lia href="/abou...

2018-06-24 00:52:56