#

前端入门

  • web前端入门到实战:css实现不规则图形的阴影(如对话框)

    在日常开发中会使用带箭头的弹出对话框,有时为了美观或者突出,会添加一个阴影。由于图形不规则且可能是由多个元素拼接而成的,这样box-shadow属性可能不能满足需求。这里推荐一个类似的属性,filte

    作者:前端向南
    2020-08-04 19:16:13
  • web前端入门到实战:css如何实现n宫格布局?

    常见应用场景 现在的APP界面基本都是大同小异, 宫格布局现在基本成了每个APP必然的存在. 带边框, 常用在"功能导航"页面无边框, 常用在首页分类 设计目标 在scss环境

    作者:前端向南
    2020-08-04 01:47:10
  • web前端入门到实战:css实现的骨架屏方案

    优点 简单,不需要工程,不用puppeteer生成骨架dom,也不需要二次开发维护 定制程度高,想怎么搞就怎么搞 不臃肿,只给你想要的 缺点 自动化程度低,需要在骨架dom上手动添加类 协同要求

    作者:前端向南
    2020-08-04 01:32:03
  • web前端入门到实战:Html头部meta标签

    meta元素有4个属性:name、http-equiv、content、charset.meta标签通过name属性来表述页面文档的元信息,通过http-equiv属性设置http请求指令,通过cha

    作者:前端向南
    2020-08-03 14:17:51
  • web前端入门到实战:CSS设置滚动条样式

    webkit滚动条样式重置 1、scrollbar包含scrollbar buttons和一个track。track进一步细分为track pieces和thumb。trace pieces为thum

    作者:前端向南
    2020-08-01 20:06:19
  • web前端入门到实战:HTML字符实体,转义字符串

    为什么要用转义字符串? HTML中,&等有特殊含义(,用于链接签,&用于转义),不能直接使用。这些符号是不显示在我们最终看到的网页里的,那如果我们希

    作者:前端向南
    2020-08-01 19:38:32
  • web前端入门到实战:CSS基本格式以及文字相关的属性

    一、CSS格式 1.注意点: (1)style标签必须写在head标签的开始标签和结束标签之间(也就是必须和title标签师兄弟关系) (2)style标签中的属性type属性其实可以不写,默认就是t

    作者:前端向南
    2020-08-01 08:49:43
  • web前端入门到实战:HTML-div和span标签

    一、div标签 1.作用:一般用于配合CSS完成网页的基本布局 2.例子: .head{ width: 980px; height: 100px; backgrou

    作者:前端向南
    2020-07-28 10:40:11
  • web前端入门到实战:实现图形验证码

    什么是图形验证码 图形验证码是验证码的一种。验证码(CAPTCHA)是“Completely Automated Public Turing test to tell Computers and Hu

    作者:前端向南
    2020-07-28 09:29:26
  • web前端入门到实战:前端网页全局属性

    1. hidden hidden是一个布尔属性,表示当前的网页元素不再跟页面相关,因此浏览器不会渲染这个元素,所以就不会在网页中看到它。相当于display:none

    作者:前端向南
    2020-07-27 16:02:20