邓_ HTML+CSS·经常使用的设计方法
宾浩斯遗忘曲线算法及其它智能学习复习算法 fiddler抓包 1. 股票+基金 :http://cn.morningstar.com/quickrank/default.aspx 2. 学习强国答案 :https://www.3gmfw.cn/article/html2/2019/10/20/495349.html 3. github : https://github.com/ 4. 微信公众平台 :https://mp.weixin.qq.com/wxamp/index/index?lang=zh_CN&token=335697985 5. phper 程序员专用共享资源平台composer :https://www.phpcomposer.com/ 6. Vue饿了么官网出品开源组件:https://element.eleme.cn/ 7. 慕课imooc林间有风团队开源前端组件:
1.案例demo :http://face.cms.7yue.pro/8. 国外-颜色渐变[调色专用] :https://webgradients.com/ 9. Docker笔记【https://www.showdoc.cc/】 :https://www.showdoc.cc/help?page_id=65610
10. 阿里云正版图片 :https://pic.aliyun.com/image#/albums?albumId=2011. 蓝灯(vpn极不推荐) :https://github.com/getlantern/download https://free-ss.site/ 12. Astar VPN (自行安装谷歌助手后,去google商店搜索) 13. 草料二维码 :https://cli.im/url/info?77c0befc9a12661fd21bf4ed4f015a5714. 免费商用字体: https://izihun.com/ 15. 外链博客 :https://guozh.net/free-copyright-font-download/16.配色: https://uiiiuiii.com/itag/%e9%85%8d%e8%89%b217. https://www.cnblogs.com/Renyi-Fan/p/9055971.html18.https://jianwai.youdao.com/电脑分区:C+D+E+F _www/soft_dev _www/soft_office _www/soft_page https://dbenlionelscottd.com/watch/?v=K8S8OvPhMDg
background: url(../img/195x356.png) no-repeat center center;background-size: % %;
transform:scale(0.7);
4个盘
C:系统
D: _www /_software /office + /dev +/down
E: 办公存储
F: 开发
前端
<script>
function chatQQ(){
/*1234567对应的就是需要聊天的客服*/
window.location.href = "mqqwpa://im/chat?chat_type=wpa&uin=1234567&version=1&src_type=web&web_src=oicqzone.com";
}
</script> ----------------------------
{literal}
if (window.top != window)
{
window.top.location.href = document.location.href;
}
{/literal} ---------------------------- echo "<script>alert('您没有选择照片');window.location.href='../user/transaction';</script>";exit; window.history.back(-1); 公司名称超出后,增加省略点。。。
php header("Content-Type: text/html; charset=utf-8");
======================================================
// empty() 判断遍历是不是空, 为空:【真】bool(true)。不为空:【假】bool(false)
// 真:0 0.00 '' '0' false
// 假: '00' '0.0' '0.00' true
======================================================
1. html赋值为变量 <<<
$html = <<<html
$web_html
html; -------------------------------------
ThinkPhp ORM模型操作
public function getNameAttr()
{
return htmlentities(base64_decode($this->getData('name')));
} // 打印sql
echo Db::table('fa_course_orders')->getLastSql(); ---------------------------------------
ROOT_PATH:获取物理路径
/www/wwwroot/kaerzichina.com/ecs_kez2//temp/static_caches/ai_cat_pid_releate.php
input:
鸡汤: .无论从事什么行业,只要做好两件事就够了,一个是你的专业、一个是你的人品,专业决定了你的存在, 人品决定了你的人脉,剩下的就是坚持,用善良專業和真诚赢取更多的信任。
--------------------------------------------------
:WPA;P:hejia,888?;S:Hejia666;
<input type="email" name="email" autocomplete="off"
/>
autocomplete="off"
默认为:on,,禁止的话,off禁止input浏览器自动呢填充
---php跳转页面
var data = $('#form_add').serialize();
$url = DT_PATH.'member/trade.php?action=index';
echo "<script type='text/javascript'>window.location.href='$url';</script>";
--
layer.msg('修改成功',{icon:1});
location.replace(document.referrer);
//location.reload("<{:url('Cfg/reward')}>");
===================================================
【js中输出php变量】:单引号+{}
【js中输出参数+name+】
$(function(){
$("#text").click(function(){
$aa = '{DT_PATH}';
alert($aa);
// data: {username: $('#username').val()},
window.setTimeout("window.location='http://www.dengshipeng.com/Home/Field/Field.html'",4000);
})
})
======================================================
transition:all 0.2s ease-out 0s
<?php
require 'common.inc.php';
$kw = $_POST['kw'];
?>
<script type="text/javascript">window.location.href='<?php echo DT_PATH ?>sell/search.php?moduleid=5&spread=0&kw=<?php echo $kw ?>'</script>
--------------
window.location.href="www.baidu.com";
background: url(../img/195x356.png) no-repeat center center;background-size: 100% 100%;
====================================================
placeholder="供应"
;overflow: hidden;white-space:nowrap;
<div {if $tb[catid]%2!==0}
class="index_content_article left"
{else}
class="index_content_article right"
{/if} >
网页搭建——设计思路:
*{margin 0;padding 0}
#wrapper{width:1440px; margin: 0 auto;}
#main{width:1130px; margin:0 auto;}
======================================================
= 【 】 = 【 】;【“”】 = 【&quat】; 【 c 】= 【©】
= 首行缩进2个字符:【 text-indent : 2em 】
=
= padding【内】 =margin【外】 =
= * { margin:0px; padding:0px; }
= .wrapper{ margin:0 auto; }
= margin: 0 auto; (设置网页左右居中)
= margin: 60px auto; (设置网页【上下60px】左右居中) =
= 类别选择器:class------.p
= 左右合并 : 【 colspan 】
= 上下合并 : 【 rowspan 】
= 浮动 : 【 float : left 】
= 文字居中:→ text-align : center ;
↘line - height : 25px;
= 粗体 : font-weight : bold;
= 斜体 : font-style : italic ;
= 字与字之间 : letter-spacing :10px ;
= 表宽度一致 : table-layout :fixed ;
= 边框 :outline ;
= 透明 transparent ;
= 最大 :fit:true
= background :url( ' ../images/aa.png ' )no-repeat -100px -50px ;
= border:1px solid #ccc
img{position:absolute;top:20;left:40;
filter:alpha(opacity=80)}透明度
line-height: 25px; 文字居中
======================================================
动画效果:
======================================================
首行缩进2个字符:【text-indent:2em;】
网页居中:【margin:0_auto】
左右合并:【colspan】
上下合并:【rowspan】
默认选中:【checked】
(块元素:<p><h><table>-----独处一行)
浮动:float:left;}
==============================================================================================================
【未访问过的链接样式】 == a:link { text-decoration:underline; color:#900b09;}【下划线/紫色】
【被访问过的链接样式】 == a:visited { text-decoration:none; color:#900b09;} 【无下划线/紫色】
【鼠标悬浮时的链接样式】 == a:hover { text-decoration:underline;color:#ff0000;} 【下划线/红色】
【鼠标点击时的链接样式】 == a:active { text-decoration:underline;color:#ff0000;} 【下划线/红色】
==============================================================================================================
img:hover{ -webkit-transform:scale(1.1) ; 放大1.1倍}
文件框: <input type="text" size=10/> 默认选中:[ checked ]
密码框: <input tyle="password" size=10/>
多行文本框: <textarea> </textarea>
单选按钮: <input type="radio"/>
复选框: <input type="checkbox"/>
下拉选择框: <select>
<option> </option>
</select>
普通按钮: <input type="button">
提交按钮: <input type="submit">
重置按钮: <input type="reset">
$('input[name = sex]').get(0).checked = true; ○男○女
001--------------------------------------------【滚动标签】
<marquee(滚动标签) direction="right" behavior(滚动方式)="scroll" scrollamount(滚动速度)="10"scrolldelay="10">
</marquee>
=======================================================================================================
001--------------------------------------------HTML 透明度
1 透明度样式设置
透明度在IE浏览器和其他相关浏览器中的设置方法不太相同,IE使用filter:alpha属性,firefox使用opactiy属性,下面示例设置透明度为30%:
IE:filter: alpha(opacity:30);
firefox:opacity(0.3);
2 jQuery设置透明度
jQuery中对透明度的设置进行了整合,兼容IE和其他浏览器,修改opactiy属性值即可,值为小数,因此只需要设置一次即可;
$("#div1").css("opacity","0.3"); //设置透明度
});
========================================================================================================
002--------------------------公共垂直滚动
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>公共垂直滚动</title>
</head>
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<style>
*{
padding:0px;
margin:0px;
}
ul{
list-style:none;
}
li{
line-height:30px;
}
</style>
<body>
<ul>
<li>1111</li>
<li>22222</li>
<li>3333</li>
<li>44444</li>
<li>5555</li>
<li>66666</li>
</ul>
<script>
setInterval(function(){
var newList=$('ul :first').clone(true);
$('ul').append(newList);
$('ul :first').remove();
},2000);
</script>
</body>
</html>
==========================================================
003-------------------------把图像作为链接
<body>
<p>
您也可以把图像作为链接来使用:
<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>
</p>
</body>
==========================================================
<div id="footer"> | |
<ul> | |
<li><a href="#">关于我们</a></li> | |
<li class="space"></li> | |
<li><a href="#">联系我们</a></li> | |
<li class="space"></li> | |
<li><a href="#">一元云购</a></li> | |
</ul> | |
</div> | |
<style type="text/css"> | |
#footer{height: 30px;margin: 50px auto; font-size: 12px; | |
border:1px solid red;} | |
#footer ul{width: 900px;height: 30px; margin: 0px auto; | |
border: 1px solid yellow;} | |
#footer li{height: 30px; float: left; line-height: 30px; list-style:none;} | |
#footer li.space{width: 1px; height: 10px; background-color: #666;margin: 10px 10px;} | |
</style> |
--------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------
文件上传
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="./deng.php" method="post" name="form1" enctype="multipart/form-data">
<input type="file" name="qq" value="">
<input type="submit" name="sub" value="提交">
</form>
</body>
</html>
--------------
<?php
var_dump($_FILES);
?>
-----------------------------------------------------------------------
--------------------------判断+正则
$("#sub").click(function(e) {
var name=$("#name").val();
var tel=$("#tel").val();
var txt=$("#txt").val();
var re = /^[1][3587]\d{9}$/;
if(name==""){
alert("姓名不能为空");
return false;
}
if(!re.test(tel)){
alert("请输入正确的联系方式");
return false;
}
if(txt==""){
alert("请输入您的需求");
return false;
}
$.ajax({
url:"ajax_guest.php",
type:'GET',
data:{'name':name,'tel':tel,'txt':txt},
//dataType:"text",
async:false,
error: function(){ alert("error");},
success: function(data){alert(data);}
})
});
==================
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#FocusBG {
width: 100%;
height: 640px;
background: url(./images/bg.jpg) repeat-x center top;
padding-top: 80px;
}
#Focus {
width: 770px;
height: 586px;
overflow: hidden;
margin: auto;
background: url(./images/tv.png) repeat-x center top;
}
.a{
width:680px;
height:370px;
margin-left: 48px;
margin-top: 40px;
}
</style>
</head>
<body>
<div id="FocusBG">
<div id="Focus">
<video controls="controls" class="a">
<source src="./images/20180131_133725.mp4" type="video/mp4"/>
<!-- <source src="movie.ogg" type="video/ogg" />
<source src="movie.webm" type="video/webm" /> -->
<!-- <object data="20180131_115058.mp4" width="320" height="240"> -->
<!-- <embed src="movie.swf" width="320" height="240" /> -->
<!-- </object> -->
</video>
</div>
</div>
</body>
</html>
if (empty($date_time)) {
$date_today = date('Y-m-d').' 00:00:00';
$date_month = date('Y-m-01').' 00:00:00';
} else {
$date_today = $date_time.' 00:00:00';
$date_today_end = date('Y-m-d',strtotime($date_today) + 60*60*24*1);
$date_month = $date_time.' 00:00:00';
$date_month_end = date('Y-m',strtotime($date_time)).' -01 00:00:00';
$aa = date("Y-m-d",strtotime("$date_month_end +1 month -1 day")).' 23:59:59';
}
http://www.jq22.com/jquery-info404
支付宝+微信二维码合成(只参考):↓↓↓
===========================
SELECT
*
FROM
fa_admin_permissions
WHERE
id in
(
SELECT
pid
FROM
fa_admin_permissions
where
id in
(SELECT permissions_id FROM fa_admin_role_permission_relations WHERE roles_id = 10 )
GROUP BY pid
)
UNION ALL
(
SELECT
*
FROM
fa_admin_permissions
where
id in
(SELECT permissions_id FROM fa_admin_role_permission_relations WHERE roles_id = 10 )
GROUP BY pid
)
2小时内对所有相关侵权内容做彻底清除或断开链接,采取及时有效措施消除影响,并回复本公司
未经许可复制、传播、录制、汇编、通过信息网络传播及与著作权有关的权益行为,均属侵权行为
就侵权相关行为和你沟通一下
我是**
邓_ HTML+CSS·经常使用的设计方法的更多相关文章
- HTML+CSS·经常使用的设计方法
HTML+CSS·经常使用的设计方法: ======================================================= margin[外] = = padding[内] ...
- CLOSE-UP FORMALWEAR_意大利进口_2015秋冬_男装发布会_西装图片系列_男装西装设计资料_WeArTrends时尚资讯网_国内最专业的服装设计资讯网站
CLOSE-UP FORMALWEAR_意大利进口_2015秋冬_男装发布会_西装图片系列_男装西装设计资料_WeArTrends时尚资讯网_国内最专业的服装设计资讯网站 CLOSE-UP FORMA ...
- atitit.api设计 方法 指南 手册 v2 q929.docx
atitit.api设计 方法 指南 手册 v2 q929.docx atitit.api设计原则与方法 1. 归一化(锤子钉子理论)1 1.1. 链式方法2 1.2. 规则5:建立返回值类型2 1. ...
- paip.自适应网页设计 跟 响应式 设计方法与工具补充(2)o54
paip.自适应网页设计 跟 响应式 设计方法与工具补充(2)o54 #-----响应式 设计框架 Bootstrap比较热门. Foundation 号称是世界上最先进的响应式前端框架. #---绝 ...
- css中添加屏幕自适应方法(rem)
css中添加屏幕自适应方法(rem) 只需要在公共css文件中添加下面代码:设计稿以750px,基础字体为20px为例,兼容性高,使用过程中px转化为rem即可 /*竖屏*/ @media scree ...
- 【转】CSS z-index 属性的使用方法和层级树的概念
文章转自:CSS z-index 属性的使用方法和层级树的概念,另外加了一点自己的注释 CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面 ...
- atitit.架构设计---方法调用结果使用异常还是返回值
atitit.架构设计---方法调用结果使用异常还是返回值 1. 应该返回BOOL类型还是异常 1 2. 最终会有四种状况,抛出异常.返回特殊值.阻塞.超时 1 3. 异常的优缺点点 1 4. jav ...
- Ajax清除浏览器js、css、图片缓存的方法
做东东时都是把图片在服务器的地址存放在数据库里面,然后到浏览器中显示,但是后来发现了两个问题. 第一:为了安全起见,js是无法读取本地的图片的,不然你写一个js,岂不是可以获取任何人电脑里面的文件了. ...
- VCL设计方法概论(自己总结了9条),以及10个值得研究的控件 good
VCL设计方法概论 1. 把Delphi对象改造成一个Windows窗口,主要是要设置Handle和回调函数.在创建一个Windows窗口后,将其句柄赋值给Delphi对象的属性,这个并不难,相当于从 ...
随机推荐
- 揭秘Node.js深受欢迎的原因
揭秘Node.js深受欢迎的原因 http://www.php100.com/html/dujia/2014/1127/7922.html
- MySQL5.6 windows msi安装介绍
200 ? "200px" : this.width)!important;} --> 一.功能介绍 1.MySQL Servers 该功能是mysql主要的服务,也是必须安 ...
- Unity ScriptObject
http://godstamps.blogspot.com/2012/02/unity-3d-scriptableobject-assetbundle.html http://ivanozanchet ...
- [C和指针] 6-指针
6.1 内存和地址 我们可以把计算机的内存看作是一条长街上的一排房屋,每座房子都可以容纳数据,并通过一个房号来标识. 这个比喻颇为有用,但也存在局限性.计算机的内存由以亿万计的位(bit)组成,每个位 ...
- [Usaco2018 Feb]Snow Boots
Description 到冬天了,这意味着下雪了!从农舍到牛棚的路上有N块地砖,方便起见编号为1-N,第i块地砖上积了fi英尺的雪.在Farmer John的农舍的地窖中,总共有B双靴子,编号为1-B ...
- HTML DOM getElementById() 方法
定义和用法 getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用. 语法 document.getElementById(id) 说明 HTML DOM 定义了多种查找元素 ...
- CodeDOMProvider 类
CodeDomProvider 可用来创建和检索代码生成器和代码编译器的实例.代码生成器可以生成特定语言的代码,如:C#.Visual Basic.JScript 等,而代码编译器可以将代码文件编译成 ...
- Markdown基本语法学习
Markdown是一种纯文本格式的标记语言.通过简单的标记语法,它可以使普通文本内容具有一定的格式. 创始人 John Gruber 的 Markdown 语法说明 Markdown 中文版语法说明 ...
- 273 Integer to English Words 整数转换英文表示
将非负整数转换为其对应的英文表示,给定的输入是保证小于 231 - 1 的.示例:123 -> "One Hundred Twenty Three"12345 -> & ...
- lua_protobuf
http://www.cocoachina.com/bbs/read.php?tid-227404.html