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

Detailed explanation of the installation and use of Vue-Router

Table of contents Install Basic configuration of ...

Detailed tutorial on installing and configuring MySql5.7 on Ubuntu 20.04

Table of contents 1. Ubuntu source change 2. Inst...

LayUI+Shiro implements a dynamic menu and remembers the example of menu expansion

Table of contents 1. Maven Dependency 2. Menu rel...

docker-maven-plugin packages the image and uploads it to a private warehouse

Table of contents 1. Introduction to docker-maven...

MySQL aggregate function sorting

Table of contents MySQL result sorting - Aggregat...

Detailed explanation of the knowledge points of using TEXT/BLOB types in MySQL

1. The difference between TEXT and BLOB The only ...

Nginx solves cross-domain issues and embeds third-party pages

Table of contents Preface difficulty Cross-domain...

MYSQL custom function to determine whether it is a positive integer example code

You can write a function: Mainly use regular expr...

How to add a certificate to docker

1. Upgrade process: sudo apt-get update Problems ...

JavaScript implements the protocol example in which the user must check the box

In js, set the user to read a certain agreement b...

Detailed explanation of this reference and custom properties in JavaScript

Table of contents 1. this keyword 2. Custom attri...

Introduction to HTML method of opening link files using hyperlinks

a and href attributes HTML uses <a> to repr...

Detailed tutorial on installing Spring boot applications on Linux systems

Unix/Linux Services systemd services Operation pr...

MySQL learning database backup detailed explanation

Table of contents 1.DB,DBMS,SQL 2. Characteristic...

JS implements city list effect based on VUE component

This article example shares the specific code for...