前端

  • css遮罩层代码样式

    <divclass="add-tanchuang">123</div><style>.add-tanchuang::before{content:"";/*插入内容*/cursor:default;background-color:rgba(173,173,173,0.66);position:fix

    2022-06-23 212
  • CSS 选择器优先权重

    将 CSS 的优先级从高到低分为六个等级:第 1 级:没有优先级的属性,我们只需要 !important 在属性之后添加。 此属性可以覆盖在此页面上所有位置定义的相同元素样式。第 2 级:直接在元素标签内添加样式,俗称内联样式。第 3 级:ID 选择器。例如: #id (colo···

    2022-06-22 80
  • a 标签

    HTML <a> 元素(或称锚元素)可以通过它的 href 属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。<a> 中的内容应该应该指明链接的意图。如果存在 href 属性,当 <a> 元素聚焦时按下回车键就会激活它。···

    2022-06-21 265
  • 搜索框与提交按钮对不齐原因

    搜索框与提交按钮对不齐原因1、首先是内边距 padding2、外边距 margin3、一般情况下应该都是边框属性造成对不齐的,border-width4、点击时候改变颜色或者状态:input:focus5、错位的时候:给input标签选择器设置vertical-align: top;或者给button标签设置vert···

    2022-05-17 133
  • 多媒体查询max-width规则

    多媒体查询:一般是可以由:max-width: 1200px //当尺寸小于1200的时候 以这个方式就需要由大到小的去写规则例子:h1 {text-align: center;}.two_ct {color: black;}css:/* 当小于1200px的时候用这条规则. */@media all and (max-width: 1200px){h1

    2022-05-16 150
  • 页面自动跳转 JavaScript 的实现

    <style>p{text-align:center;}span{color:red;}</style><p><spanid="time">5</span>几秒钟后,自动跳转到主页</p><script>varsecond=5;funct

    2022-05-09 123
  • 使用display:flex水平居中和垂直居中

    <divclass="ssmic"><divclass="czjz"><formaction="{pboot:scaction}"method="get"><inputtype="text"name=&

    2022-04-24 198
  • 什么是自适应网站?

    自适应网页设计(Adaptive Web Design):自适应设计指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术自适应网站是建立用户活动模型并修改信息和/或向用户呈现信息以更好地满足用户需求的网站自适应网站会根据测量的用户与网站的交互来调整信息的···

    2022-03-28 161
  • css在图片上实现按钮功能

    在看文章之前推荐:css在图片上输入任意内容办法<divclass="banner_1"><imgsrc="../../skin/images/fj.png"><p>这是图片上的文字</p><divclass="lijixiazai">立即下载</div>&n

    2022-03-28 153
  • 自适应屏幕大小

    <imgsrc="../../skin/images/qp-1.jpeg"class="iamges-img">img.iamges-img{position:fixed;left:0;top:0;width:100%;height:100%;background-size:cover;-webkit-background-size:cover;-o-backgroun

    2022-03-27 147