The 6 Most Effective Ways to Write HTML and CSS
|
This article shares the 6 most effective methods, hoping to improve your efficiency and save you time. 1. Dynamic CSS
If you want to speed up your CSS coding, then you need to learn and master dynamic CSS. Most dynamic CSS adds nested riles, variables, mixins, and selector inheritance functions to improve code utilization. 2. HTML snippets
Using code snippets is a quick way to write HTML code. Zen Coding and HAML are recommended. First, it will get you up to speed very quickly, and second, it will avoid some human errors because all the code is tested and generated correctly. 3. CSS reset
The advantage of CSS reset is that it avoids browser incompatibility. Recommended: Eric Meyer's CSS reset and YUI. 4. CSS Grid layout
Many developers do not use CSS Grid Layout. The idea of grid layout comes from traditional print publishing, and on the web, grid layout is very important in magazine type templates/websites. This method has been proven by a large number of developers to be an effective way to increase product design speed. CSS Grid Layout has good cross-platform support and other features. Here are some related resources:
You need a good code editor. There are many other than Notepad, and each has its own features. For example, coda's ftp engine is very stable. Of course, you can also log in to the Open Source China Community to search for more open source code editors.
The following tools can help you save a little time.
If you are just learning HTML and CSS, it is recommended that you start writing code by hand. If you already have a solid foundation, then try the above methods. Enjoy coding :) Original article: http://www.queness.com/post/8004/6-most-effective-methods-to-code-html-and-css |
<<: Writing daily automatic backup of MySQL database using mysqldump in Centos7
>>: Vue imports excel table, and automatically downloads the data that failed to import
Recommend
Detailed explanation of MySQL master-slave database construction method
This article describes how to build a MySQL maste...
How to turn a jar package into a docker container
How to turn a jar package into a docker container...
What the website needs most is to improve the experience of the target user group
"The great river flows eastward, the waves w...
MySQL learning database search statement DQL Xiaobai chapter
Table of contents 1. Simple retrieval of data 2. ...
Detailed explanation of using Vue.prototype in Vue
Table of contents 1. Basic Example 2. Set the sco...
JavaScript functional programming basics
Table of contents 1. Introduction 2. What is func...
Practical example of Vue virtual list
Table of contents Preface design accomplish summa...
VMware installation of Centos8 system tutorial diagram (Chinese graphical mode)
Table of contents 1. Software and system image 2....
React implements double slider cross sliding
This article shares the specific code for React t...
Basic operation tutorial of files and permissions in centos
Preface Before we begin, we should briefly unders...
Introduction to nesting rules of html tags
There are many XHTML tags: div, ul, li, dl, dt, d...
JS Canvas interface and animation effects
Table of contents Overview Canvas API: Drawing Gr...
HTML insert image example (html add image)
Inserting images into HTML requires HTML tags to ...
Specific use of GNU Parallel
what is it? GNU Parallel is a shell tool for exec...
A brief discussion of 12 classic problems in Angular
Table of contents 1. Please explain what are the ...