search
HomeWeb Front-endHTML TutorialWhat level of CSS developer are you? _html/css_WEB-ITnose

We are constantly learning and pursuing progress and improvement. To what extent have we learned? Do we really understand CSS? What level are we at? Let's compare.

 Level 0: CSS? Isn't that a multiplayer shooter?
 CSS? Isn't that a multiplayer game?
 Some people came to the #CSS website because they were looking for information about the game CS:S (Counter Strike: Source). Don't worry about these people, they can't create too many web pages, so they won't cause much harm to the network.

 Level 1: Yeah, I use it to remove underlines on links sometimes And Level 0 People are different. These people have learned HTML and have made several simple websites. They only use CSS when they can't create certain effects using HTML, such as removing the bottom line of a link or setting a line height. These people's websites are usually small and don't have many visitors, so they don't do much harm to the network.


Level 2: No, I don’t like div elements; tables are much easier to use!
No, I don't like divs; tables are much easier to work with They have heard about using div elements to design web pages and have spent some time learning CSS. However, they quickly gave up, feeling that CSS was too difficult and poorly supported, and would rather use tables for layout.
Attention! They are dangerous people! They have been in this field for a while and many are heads of website departments. It is very important to get in touch with them. People who advocate network standards should educate them. This is of great significance to the network.

 
Level 3: Yes, I heard it's good, but I didn't use it because...
  Yes I've heard it's good, but I can't use it because of… Although these people know the advantages of CSS, they are always unable to use it for some reason. For example, they may have a 2nd level boss, or they must consider Netscape 4 users.
Although older browsers do not support CSS, users can still see the complete content. Based on the benefits of accessibility and usability, CSS can bring more visitors to the website. Telling these advantages to Level 3 developers, even if they are not the decision-makers, may be able to exert some influence on Level 2 bosses.

 
Level 4: CSS? oh! Yes, I use div elements for layout
CSS? Oh! Yes, I use divs for all my layouts Using too many div elements in the page is a problem for this group of people, they will Use #toprightredline or #r5_c7 (meaning column 5, column 7) to set the id of the div element. Even if it can pass XHTML 1.1 verification, this typesetting method cannot take advantage of CSS. Screen readers (browsers used by the visually impaired) have difficulty interpreting these web pages, and older browsers also have the same problem, preventing the entire content of the web page from being displayed. The bad naming methods of class and id also cause great inconvenience to the modification of the layout.
Although Level 4 people still produce terrible websites, they do less damage to the network because they are more receptive to new ideas. Many WYSIWYG editors produce source code full of div elements, which may be the reason why this group of people is misled. Fortunately, these editors are gradually improving, and hopefully this will help those at level 4 continue to move up.

 
Level 5: I use CSS for design, it's better than tables because of…
People at Level 5 know the advantages of CSS and are happy to use it. Although they sometimes encounter some problems, they are not serious. They can also use their long experience working with CSS to argue why the structure and design of a web page should be separated. I'm guessing that most of the readers of this article are CSS developers at this level, and I think I am one too. But this is not the best...  
Level 6: Which version of CSS? Yes, I know. Did you read my book about…

What version of CSS? Yes, I do. Did you read my book about…
Level 6 people work on improving CSS and write many great articles introducing new uses for it. Some of them have read all the W3C documentation on CSS and know which features are supported by which browser version. They are role models for CSS beginners and use their influence to make the web more progressive. Many of them have formed the Web Standards Project, and if you find any errors on their sites, there must be a reason, and you will be able to get a satisfactory answer after asking them for help.

Statement
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
利用CSS怎么创建渐变色边框?5种方法分享利用CSS怎么创建渐变色边框?5种方法分享Oct 13, 2021 am 10:19 AM

利用CSS怎么创建渐变色边框?下面本篇文章给大家分享CSS实现渐变色边框的5种方法,希望对大家有所帮助!

css ul标签怎么去掉圆点css ul标签怎么去掉圆点Apr 25, 2022 pm 05:55 PM

在css中,可用list-style-type属性来去掉ul的圆点标记,语法为“ul{list-style-type:none}”;list-style-type属性可设置列表项标记的类型,当值为“none”可不定义标记,也可去除已有标记。

css与xml的区别是什么css与xml的区别是什么Apr 24, 2022 am 11:21 AM

区别是:css是层叠样式表单,是将样式信息与网页内容分离的一种标记语言,主要用来设计网页的样式,还可以对网页各元素进行格式化;xml是可扩展标记语言,是一种数据存储语言,用于使用简单的标记描述数据,将文档分成许多部件并对这些部件加以标识。

css3怎么实现鼠标隐藏效果css3怎么实现鼠标隐藏效果Apr 27, 2022 pm 05:20 PM

在css中,可以利用cursor属性实现鼠标隐藏效果,该属性用于定义鼠标指针放在一个元素边界范围内时所用的光标形状,当属性值设置为none时,就可以实现鼠标隐藏效果,语法为“元素{cursor:none}”。

rtl在css是什么意思rtl在css是什么意思Apr 24, 2022 am 11:07 AM

在css中,rtl是“right-to-left”的缩写,是从右往左的意思,指的是内联内容从右往左依次排布,是direction属性的一个属性值;该属性规定了文本的方向和书写方向,语法为“元素{direction:rtl}”。

css怎么设置i不是斜体css怎么设置i不是斜体Apr 20, 2022 am 10:36 AM

在css中,可以利用“font-style”属性设置i元素不是斜体样式,该属性用于指定文本的字体样式,当属性值设置为“normal”时,会显示元素的标准字体样式,语法为“i元素{font-style:normal}”。

css怎么实现英文小写转为大写css怎么实现英文小写转为大写Apr 25, 2022 pm 06:35 PM

转换方法:1、给英文元素添加“text-transform: uppercase;”样式,可将所有的英文字母都变成大写;2、给英文元素添加“text-transform:capitalize;”样式,可将英文文本中每个单词的首字母变为大写。

怎么设置rotate在css3的旋转中心点怎么设置rotate在css3的旋转中心点Apr 24, 2022 am 10:50 AM

在css3中,可以用“transform-origin”属性设置rotate的旋转中心点,该属性可更改转换元素的位置,第一个参数设置x轴的旋转位置,第二个参数设置y轴旋转位置,语法为“transform-origin:x轴位置 y轴位置”。

See all articles

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

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Tools

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use