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

随机推荐

EasyUI Form表单提交
转自:https://www.cnblogs.com/net5x/articles/4576926.html Form(表单) 使用$.fn.form.defaults重写默认值对象 form提供了各 ...
C++ 值初始化和默认初始化
对于初始化的问题,我之前一直傻傻分不清.有关初始化以及赋值的区别也是一问题,这次回过头来看,配合<<CSAPP>>的内容,对初始化有了一些新的认识. 声明: 在环境/上下文中指 ...
mldonkey设置！看图（转载）
转自:http://www.nenew.net/ubuntu-mldonkey-application.html 这里不是争论区,amule和mldonkey各有各好,看个人爱好,没有高下,都是程序员 ...
239 Sliding Window Maximum 滑动窗口最大值
给定一个数组 nums,有一个大小为 k 的滑动窗口从数组的最左侧移动到数组的最右侧.你只可以看到在滑动窗口 k 内的数字.滑动窗口每次只向右移动一位.例如,给定 nums = [1,3,-1,-3, ...
mysql之replace into与 insert into duplicat key for update
mysql实际应用中,我们在插入数据的时候,经常遇到主键冲突的情况,这是因为库中已经存在相同主键的数据,这时,我们只能更新数据:在判断是更新数据还是插入数据,我们还需要在此之前做一些必要的判断:在my ...
CF814B An express train to reveries
思路: 模拟,枚举. 实现: #include <iostream> using namespace std; ; int a[N], b[N], cnt[N], n, x, y; int ...
远程监视jboss应用java内存的配置(实测) .
前言因为最近一个项目部署在客户那边运行一个月左右就会出现java内存溢出的问题,为了时时监控java内存的情况需要,需要远程查看服务器上java内存的一些情况.在公司模拟部署了远程监视linux下项 ...
使用Spring框架的步骤
“好记性,不如烂笔头”.今天正式接触了Spring框架,第一次接触Spring框架感觉Spring框架简化了好多程序代码,开发效率大大提高.现在介绍使用Spring框架的步骤.(使用spring-fr ...
字符流-缓冲区-自定义myBufferedReader
public class myBufferedReaderDemo { public static void main(String[] arg) throws IOException{ FileRe ...
关于Apache mod_rewrite的中文配置、使用和语法介绍（实现URL重写和防盗链功能）
以数据库后台驱动的动态内容的网站,经常会遇到这些的问题: 当在浏览器的地址栏输入一个无效的参数时,会出现数据库的错误提示,这是一个安全的隐患搜索引擎无法收录你的所有网页网页的链接地址是一系列的参数 ...

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

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

随机推荐

热门专题