Home > Developer > Web Develop
At the beginning of today's CSS3 it seems that jquery advanced programming should be put to the end.
Notes:
a:link {color:blue;} not visited
a:visited {color:blue;} visited
a:hover {color:red;} Suspended
a:active {color:yellow;} Event link
CSS code format
p{
CSS Properties: Property values
}
Border-radius:xxpx; (rounded corners of borders)
padding-(Top,left,right,bottom): xxpx; (inner margin)
Margin:auto; (margin)
BORDER-LEFT:1PX solid;
Border Style Property
None defines no border.
The hidden is the same as "none". Except when applied to tables, hidden is used to resolve border conflicts for tables.
Dotted defines a point border. Renders as solid lines in most browsers.
Dashed defines a dashed line. Renders as solid lines in most browsers.
Solid defines solid lines.
Double defines two lines. The width of the double line equals the value of border-width.
Groove defines a 3D groove border. The effect depends on the value of the Border-color.
Ridge defines a 3D ridge-shaped border. The effect depends on the value of the Border-color.
Inset defines a 3D inset border. The effect depends on the value of the Border-color.
Outset defines a 3D outset border. The effect depends on the value of the Border-color.
Inherit specifies that the border style should be inherited from the parent element.
What to learn tomorrow
CSS drop-down menu
Http://www.w3school.com.cn/cssref/css_selectors.asp
<!doctype html>Body{ background-image: url ("demo02.jpg"); font-family: consolas;} #head { width: 960px; height: 100px; margin: auto; border-bottom: Dashed 2px white;} #head h1{ color: white;} #head h2{ color: white;} #wrapper { width: 960px; height: 700px; margin: auto; padding-top: 10px ;}. Main{ width: 640px; border-radius: 10px; background-color: #EAEAEA; float: left; padding: 20px; border-bottom: solid 3px; paddi}.side{ width: 250px; background-color: #EAEAEA; border-radius: 10px; float: right; padding:10px;} #footer { width: 960px; height: 100px; margin: auto;}. item{ border-bottom: dashed 1px #ccc; padding-bottom: 10px; margin-top: 15px;}. Item_image{ float: left;}. Item_image img{ width: 80px; height: 70px; padding-top:3px; }.item_content { padding-left: 100px;}. item_content h3{ font-size: 16px; margin: 0; color: #993300;}. item_info{ font-size: 14px; margin: 0; font-style: italic; color: #999 ;}. item_desc{ font-size: 14px; margin: 0; color: gray; margin-top: 10px; border-left: 1px solid; padding-left:5px; }.author_img{ width: 100px; margin: auto; padding-top: 50px;}. author_img img{ width: 100px; border-radius: 10px;}. author_desc{ text-align: center; border:solid 1px; border-radius: 8px ; background-color: #cccccc; margin-top: 20px; }.author_desc h4{ margin-bottom: 10px;}. Author_article h3{ font-size: 20px; font-style: italic; border-bottom:dashed 1px #ccc; padding-bottom: 10px;}. author_article ul{ list-style: none; margin-left: 0px; padding-left: 20px;}. Author_article ul li{ margin-top: 20px; color: #999;}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
