CSS3中文手册基础知识_html/css_WEB-ITnose
CSS3手册是学习CSS3的最佳文档,不管是自己写博客,还是买书,手册少不了。今天我给大家介绍一些CSS3有哪些分类及其使用。
具体参考:http://caibaojian.com/css3/ 上来进行以下整理。
从左侧我们可以清晰的看到文档分为了几大类:
-
属性 Properties(http://caibaojian.com/css3/properties/index.htm)
-
选择符 Selectors(http://caibaojian.com/css3/selectors/index.htm)
-
语法与规则 Rules(http://caibaojian.com/css3/rules/index.htm)
-
取值与单位 Values and Units (http://caibaojian.com/css3/values/index.htm)
-
附录 Appendix
-
CSS Hack
-
问题和经验
-
关于CSS手册
当然最重要的还是第一跟第二。
属性里又分成小类:
-
定位(Positioning)
-
布局(Layout)
-
尺寸(Dimension)
-
外补白(Margin)
-
内补白(Padding)
-
边框(Border)
-
背景(Background)
-
颜色(Color)
-
字体(Font)
-
文本(Text)
-
文本装饰(Text Decoration)
-
书写模式(Writing Modes)
-
列表(List)
-
表格(Table)
-
内容(Content)
-
用户界面(User Interface)
-
多列(Multi-column)
-
伸缩盒(Flexible Box)(旧)
-
伸缩盒(Flexible Box)(新)
-
变换(Transform)
-
过渡(Transition)
-
动画(Animation)
-
打印(Printing)
-
媒体查询(Media Queries)
-
Only IE
-
Only Firefox
-
Only webkit
选择符分类:
-
元素选择符
-
关系选择符
-
属性选择符
-
伪类选择符
-
伪对象选择符
语法与规则分类:
!important
/*comment*/
@import
@charset
@media
@font-face
@page
@keyframes
取值与单位:
长度(Length)
角度(Angle)
时间(Time)
频率(Frequency)
布局(Layout-specific)
分辨率(Resolution)
颜色(Color)
文本(Textual)
函数(Functional)
图像(Image)
数字(Numeric)
另外作者还给出了许多有用的经验和bug的解决方案。欢迎收藏本手册,有更新有随时跟进。http://caibaojian.com/css3/

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

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

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

GiteePages static website deployment failed: 404 error troubleshooting and resolution when using Gitee...

AnexampleofastartingtaginHTMLis,whichbeginsaparagraph.StartingtagsareessentialinHTMLastheyinitiateelements,definetheirtypes,andarecrucialforstructuringwebpagesandconstructingtheDOM.

To achieve the effect of scattering and enlarging the surrounding images after clicking on the image, many web designs need to achieve an interactive effect: click on a certain image to make the surrounding...

HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.

How to distinguish between closing tabs and closing entire browser using JavaScript on your browser? During the daily use of the browser, users may...
