New properties in CSS3

WBOY
Release: 2016-09-12 17:27:14
Original
1343 people have browsed it

 CSS is Cascading Style Sheets. CSS technology is used in WEB development to effectively control page layout, fonts, colors, backgrounds and other effects. With just a few simple modifications, you can change the look and format of your web pages. CSS3 is an upgraded version of CSS. This new set of standards provides richer and more practical specifications, such as: box model, list module, hyperlink method, language module, background and border, text effects, multi-column layout, etc. Currently, there are Many browsers have successively supported this upgraded specification, such as: Firefox, Chrome, Safari, Opera, etc.

 1.CSS3 can make rounded tables

 Corresponding attribute: border-radius

 

 2. Specially formulated text effect attributes. In the past, adding special effects to text on web pages could only use the filter attribute. CSS3 has specially formulated an attribute to add text effects, and it does not only add shadow effects.

 Corresponding attribute: font-effect

 3. The styles of link underlines are enriched, including wavy lines, dotted lines, dotted lines, etc. You can also change the color and length of the underline arbitrarily, and there are also corresponding effect styles of the horizontal line, the effect is similar to the underline

 Corresponding attribute: text-underline-style

     text-underline-color

     text-underline-mode

    text-underline-position

 

 4. The function of marking has been added. When taking notes, we usually click a few dots or make a circle below to express the key points. The CSS3 industry has begun to add this function

  Corresponding attribute: font-emphasize-style

     font-emphasize-posintion

 CSS3 border properties:

  border-color:

  border-image:

  border-corner-image

  border-radius

 CSS3 background properties:

  background-origin

  border

 Padding

  content

  background-clip

  background-size

  Multiple-backgrounds

 CSS3 text effect:

  text-shadow

  text-overflow

Related labels:
source:php.cn
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!