Css Cascading style sheet widgets for beautifying pages
Classification:
Inline (inline) is rendered as an attribute inside the tag, and the property name is a style
Embedded head tag is presented in label form, tag name style
External head tag Nega link tag introduces external file *.css
<rel= "stylesheet" type= "text/css" href= "file:/ d|/sss/job/3.12/icon. css "/>
Link Label
Insert icon (add icon, path must be absolute path)
<rel= "shortcut icon" href= "Xxx.ico" type= "image /x-icon "/>
icon Icons
Selector:
Used to find the element and use the style on the label.
Tag Selector. div{}
ID selector #id {}
Class selector. class{}
Parallel (plus comma) selector 1, selector 2
Parent/child (plus space) Child Selector
*{} full page
Property:
Text:
T ext-decoration text decoration (underline what)
Text-indent Indent
Text-shadow Shadow 1px (position of horizontal shadow) 1px (vertical) 1px (blur distance) # (shadow color)
Text-weight Font Bold
EM table one word size
Background:
Background-position: attribute definition div inside picture in div position can write two values up or down
<Head> <style>#div{width:100%;Height:111px;Background-image:URL ();background-position:34% 0} </style></Head><Body> <DivID= "Div"></Div></Body>
bg-position
Background-size Picture size ratio Zoom
Background: Color picture tile Position Size
Summarize the question:
1.text-indent Indent property, can only be used on block labels, row labels such as span are not available
Workaround: Add Display:inline-block to span and change the property to the inline block label.
2. Large div set Small div, if the parent Div does not set a wide height, then he will move with the sub-div position and change.
such as the margin float property, written in the Sub Div, the parent Div will also move.
Workaround: Set a border or define a width height for the parent div.
3. Change the color of
Remove the border and set the background color to high.
Css Classification Property Selector