Learn the front end from scratch: CSS background color - did you learn today? (Day09)

Learn the front end from scratch: CSS background color - did you learn today? (Day09) review: Learn the front end from scratch: CSS font properties and text properties - did you learn today? (Day08) preface Lesson 9: CSS background color With CSS background properties, you can add background styles to page elements. The background attrib ...

Posted by nitharsanke on Mon, 17 Jan 2022 15:01:40 +0100

Front end learning lesson 14 (CSS animation and transition effects)

1. transition It is the transition of an element from a value (red) of this attribute (color) to another value (green) of this attribute (color). This is a state transition. A condition is required to trigger this transition, such as hoever,: focus,: checked, media query or JavaScript. Syntax: Transition: Property duration timing function del ...

Posted by pod2oo5 on Mon, 17 Jan 2022 07:21:06 +0100

[CSS] Notes - - CSS overview; There are three ways HTML can introduce CSS styles; List style; Absolute positioning

Wedge: 1. What is CSS and what does it do? 1)CSS(Cascading Style Sheet): Cascading Style Sheet Language. 2) The purpose of CSS is to: Decorate HTML pages and style certain elements in them to make them look better. HTML is also the body, and CSS relies on HTML. The existence of CSS modifies HTML, so the new file is xx.html file.   2. To what e ...

Posted by Fife Club on Sun, 16 Jan 2022 20:56:47 +0100

CSS secret: how to improve the user's visual experience only with CSS?

catalog: 1,Expand clickable area 2,Custom check box 3,Through shadows/Blur to weaken the background 4,Scroll prompt 1. Expand clickable areaThe clickable area of some buttons is very small. For user interaction, CSS needs to be used to exaggerate their clickable area.For the simple button shown below, we want to expand the clickable area by 10p ...

Posted by zak on Sun, 16 Jan 2022 20:21:46 +0100

This Bootstrap drop-down list select explains and uses it in detail. If you don't understand it, give me a bad comment

Foreword: I have been developing Android for many years and began to learn web front-end from 0. It is also found that many blogs are basically copied and copied, which is not clear. So write down what I think I can't write clearly on my blog. After learning the vue framework, I learned the development of the native official website, but when I ...

Posted by maddali on Sun, 16 Jan 2022 10:22:33 +0100

Front end - HTML and CSS

1, HTML 1.1 Web Foundation 1.1.1 concept JavaWeb: developing Internet based projects using the Java language Web is a distributed application framework. 1.1.2 software architecture 1.1.2.1 C/S architecture C/S: Client / Server, Client / Server. There is a client program locally and a server program remotelySuch as QQ, Xunl ...

Posted by zippers24 on Sun, 16 Jan 2022 07:42:05 +0100

Margin margin merging problem

Problem restatement Margin is the outer margin attribute. It defines the distance between the border and the border, but sometimes these margins are merged. Do you know what's going on? Code demonstration 1. Vertical margin merge css .box1{ width: 100px; height: 100px; margin-bottom: 25px; background-color: #00FFFF; } .box2{ width: 10 ...

Posted by kiltannen on Sun, 16 Jan 2022 04:15:39 +0100

Front end learning record CSS selector, common methods and box model

CSS selector CSS selectors are usually used to control the overall style of elements in web pages (< body >), written under the < style > < / style > tag in the < head > < / head > tag Common CSS selectors can be arranged as follows according to priority: ! Important > inline style > ID selector > class ...

Posted by lulubell on Sat, 15 Jan 2022 23:48:20 +0100

css and js of pc side rotation chart

This is the effect of a rotating picture. <div class="main"> <div class="focus"> <a href="javascript:;" class="arrow-l"> &lt; </a> <!-- Right button --> <a href="javascript:;" class="arrow-r"> &gt; &lt ...

Posted by erock on Sat, 15 Jan 2022 19:26:13 +0100

JavaScript DOM case study notes

Learning links: https://www.bilibili.com/video/BV1Sy4y1C7ha JavaScript basic syntax dom-bom-js-es6 new syntax jQuery data visualization ecarts dark horse pink teacher's front end introduction video tutorial, P204~P246 catalogue 1. Operation elements 1.1 case of imitating JD to display and hide password plaintext 1.2 case of closing QR code ...

Posted by weemee500 on Sat, 15 Jan 2022 04:52:46 +0100