Css
1. Eg
<style>
body{
Background-color: #d0e4fe;}
h1{
Color:orange;
Text-alin:center;}
p{
Font-family: "Times New Roman";
FONT-SIZE:2OPX;}
</style>
<body>
<p> This is a paragraph </p>
</body>
2, using CSS decoration
<body> <p>hello World</p></body
>
3. ID selector and class selector
HTML elements in the ID attribute to set the selector, CSS in the ID selector One # to define
<style>
#paral {
Text-align:center;
color:red;
}
</style>
<body><p id= "Paral" >hello world</p></body>
4. Class selector is used to describe a uniform set of styles, the class selector differs from the ID selector, class can be used in multiple elements, the class selector is represented by the class attribute in Htnl, and a point number is in the class selector. Said
<style>
. Center
{
Text-align:center
}</style>
<BODY><H1 class= "center" > Title Center
5, CSS style is divided into three kinds of external style external style sheet, internal style internal style sheet, inline styles inline style when the style for multiple pages, the external style of the most ideal selector, Use a folder to change the appearance of the entire site when you make an external style, and each page uses a <link> tag to link to the style sheet. <link> tags in the document header
10. Modification of text
Text-decoration property to set or remove the underline of the text of the adornment delete link
<style> a{Text-decoration:none;} </style> <body><p > Links <a href= "http://www.baidu.com/" > Links </a>
11. Text Conversion
<style> p.uppercase{Text-transform:uppercase;}
P.lowercase{text-transform:lowercase;}
p.capitalize{Text-transform:capitalize;}
</style>
<body> <p class= "uppercase" >this is some text</p>
<p class= "lowercase" >this is some text</p>
</body>
12. Indent text
<style>p{text-indent:50px;} </style>
<body> my younger and more vulnerable years my father gave </body>
Html&javaskcript&css&jquery&ajax-css
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
