作者：_你当像鸟飞往你的山...
https：//juejin.cn/post/7220043684293083195
2024年10月25日
作者：_你当像鸟飞往你的山...
https：//juejin.cn/post/7220043684293083195
2024年10月25日
2024年10月25日
有天老板找我到办公室跟我说要做一个商城，商城卖出去东西就有佣金可以拿。我听着就头大。老板打开电脑给我看了网站：你看一下这个网站，照着它的流程就可以拥有一个商城了。我靠过去一看，大概了解一下：原来是利用第三方工具就可以构建一个导购网站，只要消费者在网站领取优惠券就会自动跳转到某bao的购买页面，购买成功后就可以有佣金了。我看了一下觉得可以，只要不让我敲代码一切好说。于是我照着流程构建了一个网站，然后勾选了很多零食进行推广，然后我就发现了一个问题：我只勾选了一些零食啊，商城怎么还有其它类型的商品?我思索了一下就明白了，这网站还是挺流氓的，还掺杂着其他人的推广链接，我一想这样不行，转化率肯定低啊。果不其然，试用了一天就只有5个单子，因为公司的网站还是挺有流量的，所以这转化率不可能这么低。老板看了一下，觉得没什么用让我把商城入口给关了，我只好照做，但是我心里对这流氓网站不服啊，于是我打算自己做一个导购网站。（最后还是要敲代码(。?_?)/~~~）
2024年10月25日
前些天看到Luckysheet支持协同编辑Excel，正符合我们协同项目的一部分，故而想进一步完善协同文章，但是遇到了一下困难，特此做声明哈，若侵权，请联系我删除文章！
若侵犯版权、个人隐私，请联系删除哈！！！（我可不想踩缝纫机）
2024年10月25日
新手向，大佬轻喷
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
/*统一页面字体和大小*/
body {
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
/*清除常用元素的边界、补白、边框默认样式*/
p, h1, form, button {
border: 0;
margin: 0;
padding: 0;
}
/*定义一个强制换行显示类*/
.spacer {
clear: both;
height: 1px;
}
/*定义表单外框样式*/
.myform {
margin: 0 auto;
width: 400px;
padding: 14px;
}
/*定制当前表单样式*/
#stylized {
border: solid 2px #b7ddf2;
background: #ebf4fb;
}
/*设计表单内div和p通用样式效果*/
#stylized h1 {
font-size: 14px;
font-weight: bold;
margin-bottom: 8px;
}
#stylized p {
font-size: 11px;
color: #666666;
margin-bottom: 20px;
border-bottom: solid 1px #b7ddf2;
padding-bottom: 10px;
}
#stylized label { /*定义表单标签样式*/
display: block;
font-weight: bold;
text-align: right;
width: 140px;
float: left;
}
/*定义小字体样式类*/
#stylized .small {
color: #666666;
display: block;
font-size: 11px;
font-weight: normal;
text-align: right;
width: 140px;
}
/*统一输入文本框样式*/
#stylized input {
float: left;
font-size: 12px;
padding: 4px 2px;
border: solid 1px #aacfe4;
width: 200px;
margin: 2px 0 20px 10px;
}
/*定义图形化按钮样式*/
#stylized button {
clear: both;
margin-left: 150px;
width: 125px;
height: 31px;
background: #666666 url(images/button.png) no-repeat;
text-align: center;
line-height: 31px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}
/*设计表单内文本框和按钮在被激活和获取焦点状态下时，轮廓线的宽、样式和颜色*/
input:focus, button:focus {
outline: thick solid #b7ddf2;
}
input:active, button:active {
outline: thick solid #aaa;
}
/*通过outlineoffset属性放大轮廓线*/
input:active, button:active {
outline-offset: 4px;
}
input:focus, button:focus {
outline-offset: 4px;
}
</style>
</head>
<body>
<div id="stylized" class="myform">
<form id="form1" name="form1" method="post" action="">
<h1>登录</h1>
<p>请准确填写个人信息...</p>
<label>Name <span class="small">姓名</span> </label>
<input type="text" name="textfield" id="textfield">
<label>Email <span class="small">电子邮箱</span> </label>
<input type="text" name="textfield" id="textfield">
<label>Password <span class="small">密码</span> </label>
<input type="text" name="textfield" id="textfield">
<button type="submit">登 录</button>
<div class="spacer"></div>
</form>
</div>
</body>
</html>
2024年10月25日
华哥最近调整自己的一个网站时，觉得在发布文章时，手动把图片居中，实在有些麻烦。能不能让文章内容中的图片自动居中呢？是否可以通过样式控制表来实现？
网上找了下答案，似乎有些过于复杂了。自己动手实践吧。
首先要调整的，是让图片独占一行空间。
补充CSS知识点：
图像（<img>标签）默认是行内样式（inline style），行内样式的大体意思是，它前边或后边的HTML标签元素会紧挨着排在它的前后（如影随形），不会另换一行;而像DIV标签则默认是块级元素，块级元素前后的标签元素会换行。因此需要把文章内容中的图片样式由行内样式更换为block块级元素，要不就易和文字内容纠缠在一起。
2024年10月25日
上一篇文章中我分享了一段图文标签，这篇文章主要给大家详细解释一下这些代码的作用和意义，以及编写网页代码的格式与思路。
下面我贴上html代码：
<!--HTML--> <div> <h2>这是我的第一个网页</h2> <p>BODY标签表示网页主体元素的容器，它包含了网页所有的html标签如：文本、图片、列表等等。以后我们编写的网页标签都需要放在这里面，这里我写了一段文字，它就会在浏览器里显示出来。这些就构成了我们网页的基本格式，大家也不需要去背，知道表示什么意思就行，需要的时候直接拿来用。</p> <p><img src="https://tpt360.com/tuimg/yan.png"></p> </div>
2024年10月25日
1、HTML5设计哲学，它并不是规范优先的设计，它是“妥协式”的规范。
2、HTML5对元素大小写不再严格区分，开发者可以随意使用大小写字符来定义HTML元素。
3、对于一份基本的HTML5文档而言，它总有如下结构：
<!DOCTYPE html>
<html>
2024年10月25日
box-sizing是定义元素宽度与高度范围的属性，简单点说：当我们在开发自适应布局的时候，经常会出现DIV的边框而导致DIV自动换行。
从上图可知，当我们设置两个DIV 分别为宽度200的时候，在加上边框各自2px无法满足同一水平线对其，因此只能换行处理。
当我们将父边框body属性设置404，即包含各自DIV的两个边框1px像素时候，能满足水平对其。