Shulou(Shulou.com)06/01 Report--

This article mainly shows you "what are the tips for using css", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn what are the tips for using css?

The editor has also been doing front-end projects for some time, in which he also summed up some tips when writing css code at the front-end!

List of skills

1, add row height for body

2, comma separated list

3. Use: not () to remove unwanted borders on navigation

4, text display optimization

5, the table cell is equal in width

6, use the property selector to select an empty connection

You don't have to do it separately for everyone.

, and other elements to add row height, but for body to add:

Body {

Line-height: 1

Make the list look more like a true comma-separated list:

Ul > li:not (: last-child):: after {

Content: ",

Add a border...

/ * add a border * /

.nav li {

Border-right: 1px solid # 666

... Then remove the border of the last element.

/ * remove the border * /

.nav li:last-child {

Border-right: none

Some fonts are not optimal on all devices, so ask the device browser to help:

Html {

-moz-osx-font-smoothing: grayscale

-webkit-font-smoothing: antialiased

Text-rendering: optimizeLegibility

Using tables can be painful, so use table-layout:fixed to keep cells the same width:

.calendar {

Table-layout: fixed

Displays a link to an element that has no text value but whose href attribute has a link:

A [href ^ = "http"]: empty::before {

Content: attr (href)

It's convenient to do this.

The above tips support Chrome,Firefox, Safari, and Edge, and IE11

These are all the contents of this article entitled "what are the Tips for using css?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.