There are 11 CSS principles you should know right now and more.

There are 11 CSS principles you should know right now and more.

Joseph Wallace's photo
Joseph Wallace
·

2 min read

Table of contents

Learn new CSS tricks

  1. By following these guidelines, you can center everything in CSS

Center-item1_600x477.png

Center-item2_600x538.png

Center_item3_600x553.png

Center_item4_600x506.png

Center_item5_600x569.png

Center_item6_600x665.png

Center_item7_600x715.png

Center_item8_536x820.png

Center_item9_600x650.png

2 For any input field, change the color of the cursor

carbon (2).png

3 In just one line of CSS, you can add smooth scrolling

carbon (2).png

4 In just one line of CSS, you can add smooth scrolling

carbon (2).png

5 To create a cool effect, place any image in the page's heading

carbon (2).png

6 Simple CSS can be used to truncate text

carbon (3).png

7 Any element can be made resizable

carbon (4).png

8 Make a cursor out of any image

carbon (5).png

9 Scrolling Animations

carbon (6).png

10 Blend Mode should be enabled

carbon (7).png

11 CSS is used to choose content

carbon (8).png

You Still Don’t Know HTML

  • Document Refresher - This meta tag forces documents to be refreshed every 30 seconds

    <meta http-equiv= “refresh” content= “30”>

  • Theme Color Changer -For major web browsers like Chrome, this meta element alters the theme color.

    <meta name= “theme-color” content= “#1b1b1”>

  • Icon Adder - This link tag creates a favicon for your page, which is shown in the browser tab

    <link rel= “icon” href= “http://test.com/icon.png”>

  • Color Picker -When clicked, provide a visual color picker that uses the device's native color picker

    <input type= “color”>
CSSHTMLMeta