html
liu709127859
这个作者很懒,什么都没留下…
展开
-
frame,iframe,frameset之间的关系与区别
转载自 https://blog.csdn.net/hnd978142833/article/details/54584456iframe 是在html页面内嵌入框架 框架内可以连接另一个页面,如 <html><head></head><body><iframe src="xxx.html"></iframe>翻译 2018-06-25 15:52:14 · 902 阅读 · 0 评论 -
bootstrap遮罩
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap 实例 - 基本的表格</title> <link rel="stylesheet" href="http://cdn.bootcss.co转载 2018-05-31 16:47:20 · 1316 阅读 · 0 评论 -
php 开发环境搭建 wampserver sublime编辑器
sublime 编辑器package install pacakage 初始化包emmet 自动填充包ChineseLocalizations 汉化包tmpl 快捷键生成代码原创 2018-05-07 21:05:07 · 910 阅读 · 0 评论 -
wampserver localhost 无法进入自己项目 projectContents www 下index.php 文件
while (($file = readdir($handle))!==false) { if (is_dir($file) && !in_array($file,$projectsListIgnore)) { //[modif oto] Ajout éventuel de http:// pour éviter le niveau localhost dans les u...转载 2018-05-07 15:51:22 · 1250 阅读 · 0 评论 -
初始化CSS 重置浏览器样式
家政头条上的 初始化文件 /* 初始化CSS 重置浏览器样式*/html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }fieldset, img { border:none; } /*为了照顾ie6 链接图片有边框...转载 2018-05-04 15:33:55 · 567 阅读 · 0 评论 -
flex justify-content margin text-align 居中测试
<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css" /> <style&g原创 2018-05-04 10:02:33 · 863 阅读 · 0 评论 -
css3 动画 transition transform 百度钱包练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习 网站导航</title> <style> *{ margin:0; pad转载 2018-04-26 09:05:44 · 311 阅读 · 0 评论 -
word-wrap word-break white-space overflow text-overflow
1、word-wrap:break-word;内容将在边界内换行,仅用于块对象,内联对象要用的话,必须要设定height、width或display:block或position:absolute。2、word-break:break-all;用于处理单词折断。(注意与第一个属性的对比)3、white-space:nowrap;用于处理元素内的空白,只在一行内显示。4、overflow:hidde...原创 2018-05-03 13:43:48 · 262 阅读 · 0 评论 -
响应式页面代码
html 页面中不同分辨率引用不同css、<link rel="stylesheet" type="text/css" media="only screen and (max-width: 767px)" href="css/jzbk_style_sm.css"><link rel="stylesheet" type="text/css"转载 2018-05-03 15:26:15 · 9335 阅读 · 0 评论 -
HTML 参考手册- (HTML5 标准)
功能排序New : HTML5 新标签标签描述基础 <!DOCTYPE> 定义文档类型。<html>定义一个 HTML 文档<title>为文档定义一个标题<body>定义文档的主体<h1> to <h6>定义 HTML 标题<p>定义一个段落<br>定义简单的折行。<hr转载 2018-05-02 14:17:52 · 1627 阅读 · 0 评论 -
frameset示例
<frameset border=0 framespacing=0 rows="120, *" frameborder=0> <frame name=head src="./head.html" frameborder=0 noresize scrolling=no> <frameset cols="170, *"> ..原创 2018-06-25 19:21:08 · 341 阅读 · 0 评论 -
css3 样式中居然可以 进行运算啦 calc()函数
.box {width: calc(100% - 20px);}.list {margin-top: calc(60px / 3 - 5px);}原创 2018-08-04 14:52:21 · 1824 阅读 · 0 评论 -
svg 超详细 制作
最近网站开发,发现网站用到 svg。感觉这么简单东西,随便弄弄就行。结果倒腾半天没弄好。还是去学习了一下。经验分享一下吧。给遇到同样问题的程序狗们一点指引,少走弯路。 网站上的点赞,点完后,显示已点赞。我做的效果图这种图不是普通的加个 jpg或者png就行。它是跟html标签差不多可以,指定属性就改变颜色的<svg style="fill:red" version="1....原创 2018-08-04 20:37:05 · 15525 阅读 · 0 评论 -
uploadifive笔记
$(function() {$('#file_upload1').uploadifive({//添加完成是否自动上传'auto' : true,//要添加到UploadiFive按钮DOM元素的类名'buttonClass' : 'someClass',//按钮名称。'buttonText' : '头像上传',//服务器端文件的路径,用于检查目标文件夹中是否存在与上...原创 2019-05-22 14:25:18 · 1176 阅读 · 0 评论 -
jquery.from.js提交ajax表单
翻译 2019-05-08 16:35:29 · 336 阅读 · 0 评论 -
table-layout:fixed 属性用于固定表格大小
原创 2019-04-23 16:30:08 · 790 阅读 · 0 评论 -
iframe高度自适应
js$(window).resize(function(e) { $("#bd").height($(window).height() - $("#hd").height() - $("#ft").height()-6); $(".wrap").height($("#bd").height()-6); $(".nav").css("minHeight&原创 2019-02-17 09:54:26 · 285 阅读 · 0 评论 -
css3 鼠标经过放大,某一个元素放大
层中某个元素先定义好动画相关参数然后在 层 hover触发的时候。图片的动画进行播放。鼠标经过 上移动 div{ width: 160px; height: 200px; background: #fff; margin:100px auto; transition:all 0.1s line...原创 2019-01-11 09:32:04 · 4359 阅读 · 0 评论 -
Meta标签介绍
2:meta 的属性有两种:name和http- equiv。 name属性主要用于描述网页,对应于content(网页内容) 1、<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等; 2、<meta name="KEYWords"...原创 2018-10-10 12:19:38 · 392 阅读 · 0 评论 -
iframe去边框,无边框,使用大全
来自https://www.cnblogs.com/kingboy2008/archive/2011/05/10/2055545.html<iframe src=”you page’s url” width=”100″ height=”30″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”n...原创 2018-09-10 08:58:18 · 387 阅读 · 0 评论 -
textarea 固定大小,滚动条,限制拖动,文字对齐
取值:$("#ID").val();控制大小:加width,height限制(style="width:100px;height:200px;");或row,col限制(<textarea rows="5" cols="7">);限制拖动: style="resize:none;"滚动条效果: style="ove原创 2018-08-27 15:16:23 · 1646 阅读 · 0 评论 -
html 文字太长显示两行 省略号的方法
最近在一个网站上看到一句代码。记下来,学习了 <p style="overflow:hidden;white-space:nowrap;width:50%;text-overflow:ellipsis;">这是一个测试标签p这是一个测试标签p这是一个测试标签p这是一个测试标签p这是一个测试标签p这是一个测试标签p这是一个测试标签p这是一个测试标签p这是一个测试标签p这是一个测试...原创 2018-08-27 12:38:24 · 4313 阅读 · 0 评论 -
html窗口大小变化,刷新当前页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-08-17 14:00:27 · 9282 阅读 · 0 评论 -
CSS 参考手册
菜鸟教程的 CSS 参考手册在所有主流浏览器中测试通过.CSS 属性CSS 属性组:动画背景边框和轮廓框颜色内容页的媒体属性尺寸盒子模型(新)盒子模型(旧)字体内容生成网格超链接线框列表外边距字幕多列内边距页面媒体定位分页Ruby语音表格文本2D/3D 转换过渡用户界面"CSS" 列指示属性是在哪个 CSS 版本中定义的 (CSS1, CSS2, 或者 CSS3).动画属性属性描述CSS@keyf...转载 2018-05-02 14:16:48 · 253 阅读 · 0 评论 -
display:table和display:table-cell
实现 块转 table table居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>没有宽度高度的盒子水平垂直居中</title> <style> .box{ width: 500px原创 2018-04-20 15:33:11 · 475 阅读 · 0 评论 -
vertical align 行内元素垂直对齐方式
vertical align 行内元素垂直对齐方式原创 2018-05-02 11:57:34 · 674 阅读 · 0 评论 -
html5 box-radius box-shandom transform
圆角 div:nth-child(4){ border-radius:10px 20px 30px 40px; } div:nth-child(5){ border-radius:50%; border:10px solid #f00; } div:last-child{ border:10px solid #f00; border-radius:150px/150px; }盒子阴影bo...转载 2018-04-22 09:46:48 · 562 阅读 · 0 评论 -
360 音乐导航 trigger audio 等知识点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0;转载 2018-04-17 14:34:30 · 373 阅读 · 0 评论 -
一个按键 播放 停止音乐
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习 </title> <style> *{ margin:0; padding转载 2018-04-17 13:08:52 · 2869 阅读 · 0 评论 -
audio pause play
音频的暂停,如果使用jQuery,必须要先转化为js,因为暂停的功能不是jQuery的,而是js的,所以需要转换;pause() 暂停 play() 播放 $(‘audio’).get(0).pause();get() 就是将jQuery对象转换为js对象;$(‘audio’)[0].play()[0] 这是通过js的方式,将jQuery对象转换为js对象,和上边get的功能一样;...转载 2018-04-17 12:10:42 · 777 阅读 · 0 评论 -
调色板 rgba
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习 调色板</title> <style> *{ margin:0; padd转载 2018-04-17 10:37:26 · 2004 阅读 · 0 评论 -
html5新标签 date 日期 number 数字 range 透明度 color 颜色 select optgroup option datelist
<input type="date"/><br> <input type="number"/><br> <input type="range"/><br> <input type="color"/><b原创 2018-04-17 09:50:41 · 409 阅读 · 0 评论 -
input required属性
如果使用该属性,则字段是必填(或必选)的。 <input type="text" required="required" placeholder="please input your title" autofocus="autofocus"/>转载 2018-04-17 09:31:18 · 4711 阅读 · 0 评论 -
header nav section footer aside article
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习 网站导航</title> <style> *{ margin:0; pad转载 2018-04-17 09:26:32 · 489 阅读 · 0 评论 -
html5 流式布局 弹式布局 flex
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习 网站导航</title> <style> *{ margin:0; pad转载 2018-04-17 09:20:20 · 1607 阅读 · 0 评论 -
css3 transition无效果
此处写成 0 部分浏览器无效果。 transition:all 0.3s linear 0s; /* transition-delay:0;*/原创 2018-04-22 10:44:23 · 1408 阅读 · 0 评论 -
css3 渐变 linear-gradient
background: linear-gradient(45deg, red,orange,yellow,green,blue,indigo,violet);background: linear-gradient(to bottom right, red,orange,yellow,green,blue,indigo,violet);转载 2018-04-23 10:54:40 · 369 阅读 · 0 评论 -
IconFont 图标 字体
@font-face {font-family: 'iconfont'; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff') format('woff'), /*...转载 2018-04-23 11:15:59 · 478 阅读 · 0 评论 -
flex 常用属性
详解请看 http://www.runoob.com/w3cnote/flex-grammar.html以下6个属性设置在项目上。order 定义项目的排列顺序。数值越小,排列越靠前,默认为0。flex-grow 属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。flex-shrink 属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。flex-basis ...转载 2018-05-02 11:18:06 · 1472 阅读 · 0 评论 -
css3 :before after
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>内减模式</title><style>div{height:200px;width:200px;margin:40px;ba转载 2018-04-20 14:05:52 · 373 阅读 · 0 评论