HTML W3C标准 HTML基本结构 网页基本信息 网页的基本标签 标题标签 段落标签 换行标签 水平线标签 字体样式标签 注释和特殊符号 图像标签 超链接标签 页面间连接 锚链接 功能性连接 行内元素和块元素 ...
分类:
Web程序 时间:
2018-06-13 19:42:46
阅读次数:
211
一.无序列表 <ul> <li>无序列表</li> <li>有序列表</li> <li>自定义列表</li> </ul> 特性:1.没有顺序,每个<li>标签独占一行(块级元素) 2.默认每一个li标签前有一个实心小圆点 3.主要用于无序类型信息的展示,如导航栏等 二.有序列表 <ol> <li>无 ...
分类:
其他好文 时间:
2018-06-11 00:36:02
阅读次数:
173
margin: 0 auto /*可以让盒子居中*/1、三种样式表的书写方法 (1)内嵌式写法 特点:样式只作用于当前文件,没有真正实现结构表现分离。 <head> <style type="text/css"> 样式表写法 </style></head> (2)外链式写法 特点:作用范围是当前站点 ...
分类:
Web程序 时间:
2018-06-10 19:00:26
阅读次数:
307
文档流(标准流) 元素自上而下,自左而右,块元素独占一行,行内元素在一行上显示,碰到父集元素的边框换行。 浮动布局 float: left | right 特点: ★元素浮动之后不占据原来的位置(脱标) ★浮动的盒子在一行上显示 ★行内元素浮动之后转换为行内块元素。(不推荐使用,转行内元素最好使 ...
分类:
Web程序 时间:
2018-06-08 22:37:45
阅读次数:
281
2.左侧盒子: 左浮动; 右侧盒子: 左浮动,再通过calc计算宽度 3.左侧盒子: float: left; 右侧盒子: margin-left 理解: 浮动会使得元素脱离文档流,后面元素进行布局时,前面的浮动元素就像不存在一样 4.包含左右盒子的大盒子: display: table; 宽度为1 ...
分类:
其他好文 时间:
2018-06-06 15:51:37
阅读次数:
144
它们的区别在意display的定义上 块元素默认:display:block 独占一行 可设置宽高 margin padding 行内元素默认:display:inline 不独占一行,可与其他行内元素同行,不可设置宽高,margin和padding display:inline-block;既包含 ...
分类:
其他好文 时间:
2018-06-04 00:54:36
阅读次数:
167
用原生js做进度条,布局非常简单,一个盒子里放一个span标签,让它的宽度为0,并且转成块元素。 主要用定时器动态增加span的宽度,并且当它的宽度大于父级盒子的宽度的时候停止 效果如下: 一 css如下: 二 js代码: ...
分类:
Web程序 时间:
2018-06-01 21:11:49
阅读次数:
171
当给几个大小一样有boder的盒子浮动时,会出现margin自动加起来的结果。 此时可以给每个盒子一个margin-left:-border的长来实现很好的效果,这样右边的盒子会把左边盒子的右边border压住,如图所示。 还可以使用伪元素实现动态效果,代码如下。 ...
分类:
其他好文 时间:
2018-05-31 22:07:39
阅读次数:
221
快手一面给的感觉特别好 面试官人很nice 错的地方都会给讲解 可能跟他之前让我等了40分钟有关吧嘻嘻嘻 没让我自我介绍 自己自我介绍了了一波 调设备调了很久 1.css相关 给你一个定宽定高的弹层 如何实现水平垂直居中 第一种方法是使用position:absolute 设置margin-left ...
分类:
其他好文 时间:
2018-05-31 22:00:31
阅读次数:
263
/*sideBar博客侧边栏容器*/ #sideBar { width: 300px; box-sizing: border-box; margin-left: 30px; function GenerateContentList() { var jquery_h3_list = $('#cnblo... ...
分类:
其他好文 时间:
2018-05-29 20:41:56
阅读次数:
398