一.What is CSS
1.CSS stands for Cascading Style Sheets
2.Styles define how to display HTML elements
3.Style Sheets Can Save a Lot of Work
二. Cascading Order
What style will be used when there is more than one style specified for an HTML element?
1. Browser default
2. External style sheet
3. Internal style sheet (inside the <head> tag)
4. Inline style (inside an HTML element)
Number four has the higheset priority
三.CSS Syntax
The CSS syntax is made up of three parts: a selector, a property and a value:
selector {property: value}
body {color: black}
p {font-family: "sans serif"}
p {
text-align: center;
color: black;
font-family: arial
}
.center {text-align: center}
<h1 class="center"> This heading will be center-aligned </h1>
<p class="center"> This paragraph will also be center-aligned. </p>
You can also define styles for HTML elements with the id selector. The id selector is defined as a #.The style rule below will match the element that has an id attribute with a value of "green":
#green {color: green}
The style rule below will match the p element that has an id with a value of "para1":
p#para1 { text-align: center; color: red }
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
