HTML page common style (recommended)

HTML page common style (recommended)

As shown below:

XML/HTML CodeCopy content to clipboard
  1. body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
  2. margin: 0;
  3. padding: 0;
  4. }
  5.   
  6. * {
  7. box-sizing: border-box;
  8. }
  9. table{
  10. border-collapse:collapse;
  11. }
  12. body {
  13. font-family: "Microsoft YaHei";
  14. }
  15.   
  16. ul, li {
  17. list-style: none;
  18. }
  19.   
  20. a {
  21. text-decoration: none;
  22. color: #232323;
  23. }
  24.   
  25. input, textarea {
  26. outline: none;
  27. box-shadow: none;
  28. }
  29.   
  30. textarea {
  31. resize: none;
  32. overflow:auto;
  33. }
  34.   
  35. .clearfix {
  36. zoom: 1;
  37. }
  38.   
  39. .clearfix:after {
  40. content: ".";
  41. width: 0;
  42. height: 0;
  43. visibility: hidden;
  44. display: block;
  45. clear: both;
  46. }
  47.   
  48. .fl {
  49. float: left
  50. }
  51.   
  52. .fr {
  53. float: right
  54. }
  55.   
  56. .tl {
  57. text-align: left;
  58. }
  59.   
  60. .tc {
  61. text-align: center
  62. }
  63.   
  64. .tr {
  65. text-align: right;
  66. }
  67.   
  68. .ellipse {
  69. overflow: hidden;
  70. text-overflow: ellipsis;
  71. white-space: nowrap;
  72. }

The above article on html page public style (recommended) is all the content that the editor shares with you. I hope it can give you a reference. I also hope that you will support 123WORDPRESS.COM.

<<:  How to make the height of child div fill the remaining space of parent container in CSS

>>:  The button has a gray border that is ugly. How to remove it?

Recommend

Build a Docker image using Dockerfile

Table of contents Build a Docker image using Dock...

Detailed explanation of the difference between JavaScript spread operator and rest operator

Table of contents What is the rest operator? How ...

MySQL 8.0.19 installation and configuration tutorial under Windows 10

I will be learning MySQL next semester. I didn...

Several ways to generate unique IDs in JavaScript

Possible solutions 1. Math.random generates rando...

JavaScript Html to implement the mobile red envelope rain function page

This article example shares the specific code of ...

Summary of methods for cleaning Mysql general_log

Method 1: SET GLOBAL general_log = 'OFF';...

HTML5 and jQuery to implement preview code examples before uploading local pictures

HTML5 and jQuery implement the preview of local i...

Simply learn various SQL joins

The SQL JOIN clause is used to join rows from two...

Detailed process of drawing three-dimensional arrow lines using three.js

Demand: This demand is an urgent need! In a subwa...

Query process and optimization method of (JOIN/ORDER BY) statement in MySQL

The EXPLAIN statement is introduced in MySQL quer...

Detailed explanation of how to connect to MySQL database using Java in IntelliJ IDEA

1. Download MySQL database and install and config...

CSS3 diamond puzzle realizes the function of rotating only div and not rotating the background image

Demand background The project is made using Vue, ...

Solve the problem that the borders of the search box and the search button cannot overlap

Today, when I was practicing with the Baidu page,...

8 ways to manually and automatically backup your MySQL database

As a popular open source database management syst...

How to display a small icon in front of the browser URL

When you browse many websites, you will find that ...