Home Web Front-end CSS Tutorial Explain what is CSS3?

Explain what is CSS3?

May 23, 2017 am 11:21 AM
css3 accomplish support Tutorial test Browser need

Web page production Webjx article introduction: CSS3 is not a new thing, nor is it just a rounded corner implemented around the border-radius attribute. It's sitting there patiently, ready for its debut, sipping coffee, waiting for the browser to roll out the red carpet.                     ​ CSS3 is not a new thing, nor is it just implemented around the border-radius property
​                     CSS3 is not a new thing, nor is it just rounded corners implemented around the border-radius property. It's sitting there patiently, ready for its debut, sipping coffee, waiting for the browser to roll out the red carpet.                    
CSS3 is not a new thing, nor is it just rounded corners implemented around the border-radius property. It's sitting there patiently, ready for its debut, sipping coffee, waiting for the browser to roll out the red carpet. You see, browsers need to catch up...
NOTE: Browsers need improvements
Although it is fun to play with CSS3 - as I will show in the next few tutorials As shown in , but what needs to be understood is that CSS3 is not fully supported by current browsers. That said, if you're going to use CSS3 in your website, make sure there's a compatible method for browsers that don't support CSS3.
CSS3 browser support status:

  • Firefox(3.05...partially supported)

  • Google Chrome( 1.0.154...Partially supported)

  • Google Chrome(2.0.156...Better supported)

  • Internet Explorer(IE7, IE8 not supported )

  • Opera(9.6...rarely supported)

  • Safari(3.2.1 windows...better supported)
    What is CSS and what is CSS3?
    It’s very simple. CSS stands for “Casading Style Sheets”, which is a style sheet. It is a markup language that replaces and adds styles to the website. CSS3 just means the next generation of CSS, and 3 is just the version number.
    If CSS3 is not fully supported, then why should I write CSS3?
    Because learning new things is a fun time!
    And people often ask me how to achieve rounded corners. I've explained many times how to do this using images or CSS3, and here I am writing about some of the things I learned in the hope that it will help others in need.
    Of course you don’t have to just read what I say. Eric Meyer is a legend who knows a lot about CSS. Here is a great interview with Eric discussing CSS3 that is well worth reading.
    Testing, I specially created a test page about this series of tutorials. All the content discussed in this series of tutorials are demonstrated on this test page. You can also visit this page to test whether your browser supports CSS3.

【Related recommendations】

1. CSS3 free video tutorial

2. About selectors in CSS3 Detailed examples of examples

3. Integrate 20 common CSS/CSS3 properties

4. h5 and css3 to create an input box with prompt text

5. Share a few commonly used latest css3 properties

The above is the detailed content of Explain what is CSS3?. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Solve caching issues in Craft CMS: Using wiejeben/craft-laravel-mix plug-in Solve caching issues in Craft CMS: Using wiejeben/craft-laravel-mix plug-in Apr 18, 2025 am 09:24 AM

When developing websites using CraftCMS, you often encounter resource file caching problems, especially when you frequently update CSS and JavaScript files, old versions of files may still be cached by the browser, causing users to not see the latest changes in time. This problem not only affects the user experience, but also increases the difficulty of development and debugging. Recently, I encountered similar troubles in my project, and after some exploration, I found the plugin wiejeben/craft-laravel-mix, which perfectly solved my caching problem.

Tips for using HDFS file system on CentOS Tips for using HDFS file system on CentOS Apr 14, 2025 pm 07:30 PM

The Installation, Configuration and Optimization Guide for HDFS File System under CentOS System This article will guide you how to install, configure and optimize Hadoop Distributed File System (HDFS) on CentOS System. HDFS installation and configuration Java environment installation: First, make sure that the appropriate Java environment is installed. Edit /etc/profile file, add the following, and replace /usr/lib/java-1.8.0/jdk1.8.0_144 with your actual Java installation path: exportJAVA_HOME=/usr/lib/java-1.8.0/jdk1.8.0_144exportPATH=$J

How to optimize website performance: Experiences and lessons learned from using the Minify library How to optimize website performance: Experiences and lessons learned from using the Minify library Apr 17, 2025 pm 11:18 PM

In the process of developing a website, improving page loading has always been one of my top priorities. Once, I tried using the Miniify library to compress and merge CSS and JavaScript files in order to improve the performance of the website. However, I encountered many problems and challenges during use, which eventually made me realize that Miniify may no longer be the best choice. Below I will share my experience and how to install and use Minify through Composer.

How to monitor HDFS status on CentOS How to monitor HDFS status on CentOS Apr 14, 2025 pm 07:33 PM

There are many ways to monitor the status of HDFS (Hadoop Distributed File System) on CentOS systems. This article will introduce several commonly used methods to help you choose the most suitable solution. 1. Use Hadoop’s own WebUI, Hadoop’s own Web interface to provide cluster status monitoring function. Steps: Make sure the Hadoop cluster is up and running. Access the WebUI: Enter http://:50070 (Hadoop2.x) or http://:9870 (Hadoop3.x) in your browser. The default username and password are usually hdfs/hdfs. 2. Command line tool monitoring Hadoop provides a series of command line tools to facilitate monitoring

How to solve the error in CentOS HDFS configuration How to solve the error in CentOS HDFS configuration Apr 14, 2025 pm 07:06 PM

Troubleshooting HDFS configuration errors under CentOS Systems This article is intended to help you solve problems encountered when configuring HDFS in CentOS systems. Please follow the following steps to troubleshoot: Java environment verification: Confirm that the JAVA_HOME environment variable is set correctly. Add the following in the /etc/profile or ~/.bashrc file: exportJAVA_HOME=/path/to/your/javaexportPATH=$JAVA_HOME/bin: $PATHExecute source/etc/profile or source~/.bashrc to make the configuration take effect. Hadoop

Use Composer to solve browser sniffing: The practical application of WhichBrowser/Parser library Use Composer to solve browser sniffing: The practical application of WhichBrowser/Parser library Apr 17, 2025 pm 11:21 PM

I encountered a tricky problem when developing a multi-device-compatible website: how to accurately identify the user's browser and device information. After trying multiple methods, I found that directly parsing user-agent strings (User-Agent) are both complex and unreliable, and often misjudgments occur. Fortunately, I successfully solved this problem by installing the WhichBrowser/Parser library using Composer.

What is the reason why the browser does not respond after the WebSocket server returns 401? How to solve it? What is the reason why the browser does not respond after the WebSocket server returns 401? How to solve it? Apr 19, 2025 pm 02:21 PM

The browser's unresponsive method after the WebSocket server returns 401. When using Netty to develop a WebSocket server, you often encounter the need to verify the token. �...

Why can't JavaScript directly obtain hardware information on the user's computer? Why can't JavaScript directly obtain hardware information on the user's computer? Apr 19, 2025 pm 08:15 PM

Discussion on the reasons why JavaScript cannot obtain user computer hardware information In daily programming, many developers will be curious about why JavaScript cannot be directly obtained...

See all articles