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
Example of using #include file in html
There are two files a.htm and b.htm. In the same d...
MySQL 5.7.18 master-slave replication setup (one master and one slave) tutorial detailed explanation
1. Replication Principle The master server writes...
Web Design: When the Title Cannot Be Displayed Completely
<br />I just saw the newly revamped ChinaUI....
Solution to running out of MySQL's auto-increment ID (primary key)
There are many types of auto-increment IDs used i...
Detailed explanation of how to install mysql5.7.16 from source code in centos7 environment
This article describes how to install mysql5.7.16...
MySQL 8.0.17 installation graphic tutorial
This article shares with you the MySQL 8.0.17 ins...
Detailed explanation of webpage screenshot function in Vue
Recently, there is a requirement for uploading pi...
How to use negative margin technology to achieve average layout in CSS
We usually use float layout to solve the compatib...
Detailed explanation of the usage of compose function and pipe function in JS
Table of contents compose function Array.prototyp...
js to make a simple calculator
This article shares the specific code of making a...
Solution to high CPU usage of Tomcat process
Table of contents Case Context switching overhead...
Mysql sets boolean type operations
Mysql sets boolean type 1. Tinyint type We create...
js, css, html determine the various versions of the browser
Use regular expressions to determine the IE browse...
MySQL DML statement summary
DML operations refer to operations on table recor...
Example of using MRG_MyISAM (MERGE) to implement query after partitioning in MySQL
Optimizing large amounts of database data is a hu...