Add background: Background-img:url (URL) + attributes;Rounded Box: selector {border-radius: unit;} Create a rounded corner of x units around the elementProjection: Box-shadow: Vertical and horizontal offsets, the width of the projection (that is, the degree of ambiguity), and the color can be combined with Border-radius to create a drop shadow on the Fillet box. Opacity opcity:0-1 decimal 0 means full transparency 1 means full opacity Rgba (x,x,x,x) RGB for red, green, blue A for transparency Rgba value is only assigned to the element we declare, No child element inherits transparency, and opcity property is always inherited. Link style A: (l,v,h,f,a) {} (: Link,visited,hover,focus,active); Anchor: Jump to the page by ID value such as jump to Go</>, and also with pseudo-class elements: Target sets properties to highlight it to facilitate the search for #go:target{font-family: ' Microsoft yahei ', ' Helvetica Neue ', SimSun; Background-color:rgb (240 , 231, 180); " > can set a to Display:block to create a button-like link 8 implementation of the drop-down menu: HTML:
Css:ul.nav,nav ul{margin:0;padding:0;list-style-type:none;float:left;border:1px solid #486B02;} Ul.nav Li{float:left;width:8em;} Ul.nav li Ul{width:8em;position:absolute;left: -999em;7}.nav li:hover Ul{left:auto;} There is no cosmetic doubt Ul.nav and. Nav ul difference: ul.nav{}
Represents the element that looks for a class name called Nav that is represented by UL
. Nav ul{}
The representative looks for the element of the class name called Nav and then it follows the label of the HTML called UL
Proficient in CSS Version2 notes 2. Trivia
