• 网页布局——左侧固定,右侧自适应

    第一种方法:采用绝对定位 ! DOCTYPE html lang ="en" head meta charset ="UTF-8" title Document / title style .one { position : absolute ; height : 200px ; width : 300px ; background-color : blue ; } .two { height : 200px ; margin-left : 300px ; backgr...

    2018-06-24 00:49:54

  • placeholder不兼容 IE10 以下版本的解决方法

    对于input输入框placeholder的兼容问题: HTML代码: input type="text" placeholder="placeholder的ie兼容问题" JS代码: !-- 对于IE 10 以下版本placeholder的兼容性调整 -- !--[if lt IE 10] script // placeholder 兼容ie $( function (){ var placeholderfriend = {...

    2018-06-24 00:49:42

  • 【干货分享】前端面试知识点锦集01(HTML篇)——附答

    一、HTML部分 1、浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层、表示层、行为层 分别是:HTML、CSS、JavaScript 作用:HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务。 2、HTML5的优点与缺点? 优点: a、网络...

    2018-06-24 00:49:44

  • 网站美化常见CSS

    伴随网络时代日新月异的发展,用户不仅仅满足于软件系统的功能需求,对软件系统的页面显示效果以及交互模式的要求也逐渐提高。尤其是展示性质的平台页面对于界面美化效果要求更高,有一句话说的好:Html是结构,CSS是装饰,JS是胶水(动态设定CSS)。今天我们来介绍一...

    2018-06-24 00:49:35

  • 清除输入框内的空格

    input type="text" onBlur="replaceSpace(this)" /script type="text/javascript" function replaceSpace(obj) { obj.value = obj.value.replace(/\s/gi, '' ) } /script...

    2018-06-24 00:49:36

  • 【干货分享】前端面试知识点锦集02(CSS篇)——附答

    二、CSS部分 1、解释一下CSS的盒子模型? 回答一: a、标准的css盒子模型:宽度=内容的宽度+边框的宽度+加上内边具的宽度 b、网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。 c、这些属性我们可以把...

    2018-06-24 00:49:24

  • Bootstrap之字体图标

    优点:1.减少请求 2.容易控制样式 所在位置:在下载的bootstrap文件中的fonts文件夹存放字体图标 默认路径为当前目录下,如需修改路径,则需在bootstrap.css中查找font-face后找到url进行修改 字体图标引入示例:span class="glyphicon glyphicon-search spanfont"/span...

    2018-06-24 00:49:32

  • 这个图片切换动画只用CSS3实现

    体验效果: http://hovertree.com/texiao/css3/39/ 这是一个使用纯CSS3实现的图文切换效果,没使用js脚本。点击左右箭头或者索圆点引按钮可以切换内容。 本特效中使用到了CSS3的新选择器 nth-of-type(n),:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 n 个子元...

    2018-06-24 00:49:32

  • Bootstrap之栅格系统

    bootstrap 移动优先 中文官网 http://www.bootcss.com/ 1.基本模板 !DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"!-- 兼容IE --meta http-equiv="X-UA-Compatible" content="IE=edge"!-- 兼容移动端 -- meta name="viewport" content="width=device-width, ini...

    2018-06-24 00:49:28

  • 元素居中

    一、行内元素水平居中 text-align: center; 二、行内元素垂直居中 height: 40px;line-height: 40px; 让这两个值相等 三、块级元素水平居中 width: 300px; margin: 0 auto; 可以不设置高度 三、块级元素垂直居中 1.固定宽高块级元素垂直居中 div{ width: 200px;height:...

    2018-06-24 00:49:24

2