css knowledge point (weight)
<HTML>
<head>
<Meta charset = "UTF-. 8">
<title> </ title>
<style type = "text / CSS">
div {
width: 500px;
height: 500px;
border: 1px Solid # 000;
text-align: right; / * text their way * /
text-Decoration: underline; / * text underlined * /
color: # f00; / * set the font color * /
Line-height: 166.67px; / * text high line * /
/ * the height of a line of text occupies, let him down the middle * /
/ * font-Family: "in the Microsoft YaHei"; * / / * set the font style: Times New Roman, italics ... go to Baidu, translation English * /
font-Family: "Times New Roman"; / * themselves to Baidu to find Song corresponding English, save space * /
font-style: Italic; / * Specify whether italic * /
font-weight: Bold;
font-size: 16px; / * set the font size * /
/ * in the browser,The default font size 16px
Google browser, the minimum font size may be 12px
without limitation Firefox
* /
}
A {
Decoration-text: none;
}
h1 {
font-weight: Normal;
font-size:; 5px
}
</ style>
</ head>
<body>
<! - text class style ->
<div>
The weather today is good! ! ! the weather is nice today! ! ! the weather is nice today! ! ! the weather is nice today! ! ! the weather is nice today! ! ! the weather is nice today! ! ! the weather is nice today! ! ! the weather is nice today! ! !
</ div>
<a href=""> to Baidu </a>
<h1> This is the h1 heading </ h1>
</ body>
</ HTML>
List and style
<style type = "text / CSS">
UL {
List-style: none;
:; none Cursor / * set the mouse style * /
/ * elements are divided into three categories, a display element arranged; block: display
inline inline
block-level block
row within the block inline-block
none None
* * /
}
Li {
the display: inline;
}
INPUT {
Outline: none;
/ * visibility: hidden; * /
the display: none;
/ * these two difference * /?
}
</ style>
<body>
<! - ordered list and unordered list ->
<! - the actual development of an ordered list of basic need ->
<! - these three are block-level tag ->
<OL of the type = "1" Start = "3">
<li> English </ li>
<li> language </ li>
<li> mathematics </ li>
<li> politics </ li>
<li> Geography </ li>
</ OL>
<ul of the type = "Square">
<li> English </ li>
<li> language </ li>
<li> mathematics </ li>
<li> politics </ li>
<li> Geography </ Li>
</ UL>
<INPUT type = "text" />
</ body>
The degree of visual text
<HTML>
<head>
<Meta charset = "UTF-. 8">
<title> </ title>
<style type = "text / CSS">
div {
width: 200px;
height: 200px;
border: 1px Solid # 000;
}
.div01 {
background-Color: # F00;
Opacity: 0.1; / * value in the range between 0-1, and 1 may be 0 * /
/ * denotes the entire element * /
}
.div02 {
background-Color: rgba (255,0,0,0.1); / * last parameter indicates a transparency, a range of values between 0 and 1 may be 0 and 1 * /
/ * background color represented only * /
}
</ style >
</ head>
<body>
<div class = "div01"> this is the first paragraph of text </ div>
<div class = "div02"> this is the second segment of text </ div>
</ body>
</ html>