劳力士复刻哪个厂的表 关于复刻bilibili注册页面遇到的问题以及心得体会

劳力士复刻哪个厂的表 关于复刻bilibili注册页面遇到的问题以及心得体会

本厂是一家专做顶级复刻手表的厂商，主营各大厂复刻机械表和石英表，包括了GF厂、N厂、V6厂、VS厂、ZF厂、JF厂、AF厂、YL厂、MKS厂、AR厂、GS厂、OM厂、TF厂、TW厂、XF厂、PPF厂、PP厂、ABF厂、WWF厂、等等厂家顶级品质，是广大爱表人士不二选择。
      实体经营信誉保证，我们是你较忠诚的合作伙伴！我们的产品款式更新快，款式全，好，维修完善。自己拥有工厂、店铺、写字楼为一体的电子商务销售，有的网站；可让全的客户较的网络购物。并诚招各地实体店、微店代理较是我们的经营理念是:诚信做事，长久生意。我厂主营高 端品质货源，适合，实体店以及个人售卖，欢迎对手表品质要求较高的客户选购合作！ 诚邀各省市实体店商家合作，诚招微商代理，支持一件代发货！

1.重置样式表

在表单使用重置样式表发现很多关于表单元素的标签没有被重置,总是遇到很多千奇百怪的问题,所以我在重置样式表中加入了一些关于表单标签的重置样式,这里贴一张我现在用的样式表

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {    margin: 0;    padding: 0;    border: 0;    font-size: 100%;    font: inherit;    vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {    display: block;}body {    line-height: 1;}ol, ul {    list-style: none;}blockquote, q {    quotes: none;}blockquote:before, blockquote:after,q:before, q:after {    content: '';    content: none;}table {    border-collapse: collapse;    border-spacing: 0;}a{    text-decoration: none;    color: inherit;}/*form元素样式重置*/input,textarea,button,select{    border: none;}input:focus,textarea:focus,button:focus,select:focus{    outline: none;    outline-offset: 0;}

2. 关于切图尺寸和实际像素尺寸不同的问题

我用的切图软件是PXCOOK,在软件里面测量的尺寸是525*50 px

而在网页检查元素却是420*40

在网上搜索到的解决方法是将显示设置中的显示缩放设置为100%,但是并不起作用,希望知道解决方法的大佬可以告诉我一下.

3. 关于错误信息更方便调用的方法

以下面的表单错误为例

HTML代码如下

<div class="form-area">      <div class="form-item haserror">        <input type="text" placeholder="昵称">        <div class="error">          该昵称已被他人占用        </div>      </div>      <div class="form-item haserror">        <input type="password" placeholder="密码(6-16个字符组成,区分大小写)">        <div class="error">          密码不安全        </div>      </div></div>

CSS代码如下

.form-area .form-item {  position: relative;}.form-area .form-item .error {  color: #f45d90;  font-size: 12px;  position: absolute;  top: 14px;  width: 240px;  right: -255px;  text-align: left;  display: none;/*设置为默认不显示*/}/*如果haserror类名出现则显示错误信息*/.form-area .form-item.haserror .error {  display: block;}

要注意的是.form-item.haserror两个类名之间没有空格,表示并列关系

意思是当form-item和haserror同时出现时,对error样式做修改

还可以通过这个为输入框添加错误样式:输入错误时,输入框变成粉色

.form-area .form-item.haserror input{  border-color: #f45d90;   }