CSS is so popular,Yes, it has the following advantages:
1. complies with W3C standards. Ensure that the website will not be eliminated due to the upgrade of network applications in the future.2. Support for backward compatibility of browsers,
Before I made the UI, I needed to use transparency. So Baidu found some methods to achieve the effect and did not go into details, however, during the last few days of the UI, we found that the opacity of the sub-nodes in the transparent layer is
Document directory
External style sheet
Internal style sheet
Inline Style
See w3school/CSSCSS Overview
CSS refers to the stacked style sheet (CAscadingSTyleSHeets)
Style DefinitionHow to displayHTML Element
Styles are usually stored
CSS attributes
1. Font attributes
This is the most basic attribute that you will often use. It mainly includes the following attributes:
Attribute
Attribute meaning
Attribute Value
Font-family
Font used
All fonts
">HTML code
1. 2. 3. 4. insert title here 5. 18. 19. 20. 21. 22. 23. 24.
insert title here
The implementation idea is as follows:
1. Use border: 0px; remove the default border of the input box
2. Create an input box with rounded corners, set it
You can enter the CSS style code in the Custom CSS bar on the blog configuration page to customize the blog style.
The page architecture of csdn blog is basically implemented by Div. The whole page consists of three Div groups whose IDs are:Csdnblog_
Recently changed a company
I found that my colleagues in the new company often write the CSS styles that need to be dynamically generated in JS when working on backend Ajax with JSON, which makes it very difficult to interpret the code.
So I talked
Summary table:
Printing PropertiesAttribute
CSS versionVersion
CompatibilityCompatibility
Inherit from parentInheritance
DescriptionIntroduction
Page
Css2
Ie5.5 +
Yes
The page type used to retrieve or
It is strange that there is only one piece of code. Copy the code to an HTML file and check its running effect. Then you can see the style. It feels great. However, I don't know if this attribute is supported by browsers of the latest version.
DIV + CSS achieves fixed width on both sides and adaptive width in the middle-tianmei design blog I am the header I am from the left, width: 200px I am the right, width: 200px I am the middle, wide adaptive I am the bottom
1. css simplified font rules
When CSS is used to define the font, you may do the following:Font-size: 1em;Line-Height: 1.5em;Font-weight: bold;Font-style: italic;Font-variant: Small-caps;Font-family: verdana, Serif;In fact, you can abbreviated these
This article
Reprinted from
Www.admin5.com
CSS (Cascading Style Sheets)
Introduction
Learning
CSS
BeforeBefore learning CSS, you should first learn to write HTML. If you do not know anything about HTML, see the HTML tutorial.
CSS (Cascading Style
When I encountered such a problem during the project, the control layer was fixed at the bottom. I initially used Position: fixed, but IE6 didn't support it. Finally I posted a post on the forum, the following three methods are obtained:
First,
#: There are two types of browsers: ie (which does not comply with w3c standards) and non-ie (which complies with w3c standards). However, the ie series is approaching w3c standards.
1. body margin: 0px can make the surrounding seamless;
2. Define
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service