Replacing elements with non-replacement elements - src = "test.jpg"/> !--- Spa> Hello World> SpaView CodeElement Display role CSS2.1 uses a different base element type, block-level (Block-level) elements, and inline (inline-level) elements - block-level elements generate an element box, (by default) it fills the content area of its parent element, and cannot have other elements next to it - P>P elementP> Div>div elementDiv> The inline element generates an element box
The main learning knowledge is how to associate CSS with HTML documents:1. This is the default style sheet2. Candidate Style Sheets3. Introduction:The advent of CSS stylesheets not only makes it easy to update and maintain the network, but also helps to save money because the document removes all the performance information.CSS authoritative Guide (third
, it is considered that the style attribute declaration appears at the end of the document style sheet.Non-CSS presentation hints, such as the font element, are handled as a special 0, as long as there is a creator style and appears in front of the creator style, it will be overwrittenSummary: Through the learning cascade, through the specificity and order to determine the priority of the style, and finally achieve the performance of the document.Four
This chapter focuses on the values of some property declarations:The values in CSS are mainly numbers, percentages, colors,1. Color:RGB (100%,100%,100%) or RGB (255,255,255) or #FF0000Web security color: refers to a value that is a multiple of 20%,51,0x33.2. Length unit: unit with in cm mm PT pcWhere: 1in = 2.54cm 1cm = 0.394in 1in = 72pt 1pc = 12ptRelative length unit: em,ex,px3.URL4. Keyword: none inheritIn addition, there are some values that are u
This chapter focuses on some conflicting solutions when an object is extracted multiple times using a style by a selector:1. Specificity: Refers to the final choice when multiple effects are in effect:This rule is compared with 0,0,0,0. Where: inline is the 1,0,0,0 ID selector is the 0,1,0,0 class selector, the property selector and the Pseudo-class: 0,0,1,0 element and pseudo-element: 0,0,0,1The combination and the 0,0,0,0 have no contribution to the particularity, it is theNote: A privilege is
The main content of this chapter is how to get the elements in the document given to render:1. Element selector;2.ID selector;3.CLSSS selector;4. Wildcard selector: *;5. Property selector: selector[]6. Partial Property selector: selector[~= "Warning"] [doo^= "Bar"] [doo$= "Bar"] [boo*= "bar]7. Specific attribute selector: *[lang |= "en"]8. Descendant Selector9. Group Selector10. Adjacent selector: H1 + P {}11. Direct sub-selector: h1 > P12. Pseudo-class and pseudo-elements:Pseudo-class: Link:vis
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.