邓_ 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);

公司名称超出后，增加省略点。。。

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

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:

placeholder="a"　　　　//　　为空时显示

渐变颜色：

background:linear-gradient(45deg,rgba(247,100,90,1),rgba(254,168,81,1));

background:linear-gradient(45deg, #FF4C52, #FF902D);

鸡汤：

.无论从事什么行业，只要做好两件事就够了，一个是你的专业、一个是你的人品，专业决定了你的存在，

   人品决定了你的人脉，剩下的就是坚持，用善良專業和真诚赢取更多的信任。

--------------------------------------------------

: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;

网页搭建——设计思路：

*{margin 0;padding 0}

#wrapper{width:1440px;　　margin: 0 auto;}

#main{width:1130px;　　margin:0 auto;}

======================================================

=　　【】 = 【&nbsp】；【“”】 = 【&quat】；【 c 】= 【&copy】
= 　　首行缩进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>

　　　　　　 </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属性值即可，值为小数，因此只需要设置一次即可；

$(function(){
$("#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"/>




</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对象的属性,这个并不难,相当于从 ...

随机推荐

linux下jdk环境变量配置深度分析----解决环境变量不生效的问题
1.linux下jdk环境变量配置是否需要配置环境变量,主要看java -version 显示的版本是否为你期望的版本 1.1 不需要配置环境变量的情况使用java -version查看,版本显示 ...
[BZOJ3223/Tyvj1729]文艺平衡树
Description 您需要写一种数据结构(可参考题目标题),来维护一个有序数列其中需要提供以下操作: 翻转一个区间,例如原有序序列是5 4 3 2 1,翻转区间是[2,4]的话,结果是5 2 3 ...
zepto中给不存在的元素设置样式并绑定事件的坑
在移动端使用zepto选择器时,一般如果元素不存在会返回一个空的zepto对象. zepto在设置元素样式时,提供了两个入参方式,一种键值对方式$(".ter").css({&qu ...
leetcode221 Maximal Square
思路: dp. 实现: class Solution { public: int maximalSquare(vector<vector<char>>& matrix) ...
Ubuntu 16.04安装Kate文本编辑工具
Kate支持很多语言,比如NASM,比SBL3低那么一点,但是比Gedit好. 安装: sudo apt-get install kate 启动: 额外配置: 1.安装Kwrite sudo apt- ...
MySQL——基本安装与使用
基本安装下载地址:https://dev.mysql.com/downloads/mysql/ 选择解压版本:mysql-5.7.21-winx64.zip 以管理员身份打开cmd(除了安装服务不要 ...
Farseer.net轻量级开源框架中级篇：自定义配置文件
导航目录:Farseer.net轻量级开源框架目录上一篇:Farseer.net轻量级开源框架中级篇: 数据绑定下一篇:Farseer.net轻量级开源框架中级篇: 动态数据库访问 ...
WinRT ListView间隔变色(一)
我们知道,在WPF里,MSDN提供了三种方法 1.使用转换器Converter 2.继承ListView类,自己处理 3.使用StyleSelctor 到了WinRT的世界了 1. Winrt中Set ...
动态设置缩放比例和html字体大小
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8& ...
HDU_1242_Rescue
题目:http://acm.hdu.edu.cn/showproblem.php?pid=1242 大意:迷宫搜索,'#'代表墙,'.'代表路,'x'代表守卫,每移动1格用1秒,杀死守卫用1秒,ang ...

邓_ HTML+CSS·经常使用的设计方法

邓_ HTML+CSS·经常使用的设计方法的更多相关文章

随机推荐

热门专题