Category:HTML/CSS

  • HTML meta usage example introduction

    Time:2020-1-18

    Example usage Copy code The code is as follows: <!DOCTYPE html> <!–[if lt IE 7]><html><![endif]–> <!–[if IE 7]><html><![endif]–> <!–[if IE 8]><html><![endif]–> <!–[if IE 9]><html><![endif]–> <!–[if (gt IE 9)|!(IE)]><!–> <html> <!–<![endif]–> <head> <meta charset=”utf-8″ /> <title>tinyCss–my css study tidy</title> <meta content=”IE=edge,chrome=1″ http-equiv=”X-UA-Compatible” /> <meta content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no” name=”viewport” /> <meta content=”my css study tidy” name=”description” […]

  • Implementation of dynamic REM for mobile terminal layout

    Time:2020-1-18

    Dynamic rem 1. First, we will introduce the current length unit pxpixel emWidth of a m / width of a Chinese character 1em = = its ownfont-size remFull nameroot emIs the root element (HTML)font-size vhFull nameviewport height100vh = = viewport height vwwhole courseviewport width100vw = = viewport width Because the default font size of web […]

  • Vue learning summary

    Time:2020-1-17

    1、 Vue Foundation Introduction, installation and import of Vue The use of Vue Vue member get Loops in Vue and modifying difference expressions Summary of methods, computed, filters, watch in Vue Components in Vue Slot instruction in Vue Some of the Vue compilations don’t work. It will flash when the Vue rendering is resolved 2、 […]

  • Make a table with thead, tFoot and tbody

    Time:2020-1-17

    Some people use these three labels to make titles that can follow the table, or tbody can fix the height and get out of the function of automatic scroll bar. Copy code The code is as follows: < title > thead, tFoot and tbody tags < / Title > <table border=”1″> <thead> <tr>< th > […]

  • Comparison of CSS shadow effects drop shadow and box shadow

    Time:2020-1-17

    Drop shadow and box shadow are both CSS attributes of shadow effect (halo effect). The biggest difference between them is that box shadow can only make rectangular shadow, while drop shadow can make shadow with the same shape as the opaque area of the object. Here are the usage of two CSS attributes: .drop-shadow { […]

  • JQ implementation switch menu selection state

    Time:2020-1-16

    Click the navigation menu to switch the selected state Effect:         Idea: first, get the selected URL, and then judge whether it is the same through regular. If it is the same, add the corresponding attribute, and if it is different, remove the corresponding attribute. HTML code home page video Music dynamic […]

  • Implementation of HTML inputable pull-down menu

    Time:2020-1-16

    Copy code The code is as follows: <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /> </head> <body> <?php echo ‘ <form name=”DDForm” method=”GET” action=””> <div style=”position:relative;”> <span style=”margin-left:100px;width:18px;overflow:hidden;”> <select style=”width:180px;margin-left:-100px” onchange=”this.parentNode.nextSibling.value=this.value” name=”hh”> < option value = “car” > car < / option >< option value = “train” > train < / option >< option value = […]

  • Implementation of CSS scroll snap event stop and element position detection

    Time:2020-1-16

    1、 Scroll snap is a front-end required skill CSS scroll snap is a very useful feature. When the web page container scrolls and stops, the browser can automatically and smoothly locate to the specified location of the specified element without any JS code. Similar to the effect of slide advertising, it can be realized in […]

  • Practical skills of Vue Foundation

    Time:2020-1-15

    Vue has heard of it before, and has a little knowledge of it. At that time, I was still keen to write some method encapsulation in native JavaScript, which is not why. I feel so handsome. I have more or less touched the usage of jQuery. Up to now, I have forgotten some methods of […]

  • Two usage of iframe tag in HTML

    Time:2020-1-15

    Recently working on a project – Pocket favorites. In short, collect your favorite pictures on the pocket page, which uses many aspects of iframe, as follows:1. As the bottom cover of flyout layer If you have done that kind of black mask to cover the whole page, and it happens that the user uses IE6, […]

  • JS foundation – master all aspects of inheritance

    Time:2020-1-14

    Preface In the previous article, we analyzed the related knowledge points of prototype and prototype chain in detail. This article is about the inheritance closely related to prototype chain. It is a very important knowledge point in the front-end foundation. It is very useful for code reuse. In this article, we will analyze various inheritance […]

  • The basic principle and detailed usage of viewport

    Time:2020-1-14

    1、 Overview of viewport Mobile browsers usually render pages in a virtual window wider than the screen. This virtual window is the viewport. The purpose is to normally display the web pages that are not adapted to the mobile terminal, so that they can be fully displayed to users. Sometimes when we use mobile devices […]