Home > Developer > Web Develop
November 8, 2016, Tuesday.
A summary of what is learned today:
first , "ID" is unique , so "id" priority is higher than "class" priority .
two , Clear said : <div class= "clean" ></div>
three types cleared : Right (Clear), left (clear), both (clear at both ends)
Note: The purge direction should be consistent with the floating direction (float:right/left;) if the direction is cleared with the floating side
To the contrary, no cleanup effect occurs.
both (clear at both ends) will have an effect on the left float (float:left;) and the right float (float:right;) .
Remove the floating effect by placing the <div class= "clean" ></div> on top of the floating item that needs to be cleared.
three ,index, the default site commonly used two home page.
four . Use margin (border) function to make the code of the middle field, as follows:
<! DOCTYPE html>
<!--header---
<!--encoding--
<meta charset= "UTF8" >
<title> Center Tian Zi GE </title>
<style>
div{width:400px;
height:400px;
margin:0 Auto;
}
#a {background-color: #FF0000;
width:200px;
height:200px;
Float:left;}
#b {background-color: #00FF00;
width:200px;
height:200px;
Float:left;}
#c {background-color: #00FF00;
width:200px;
height:200px;
Float:left;}
#d {background-color: #0000FF;
width:200px;
height:200px;
Float:left;}
</style>
<body>
<div>
<div id= "a" ></div>
<div id= "B" ></div>
<div id= "C" ></div>
<div id= "D" ></div>
</div>
</body>
,
650) this.width=650; "Src=" Http://s1.51cto.com/wyfs02/M02/89/EC/wKioL1ghzLbzoD-NAADBve1R5Ug642.png-wh_500x0-wm_3 -wmp_4-s_1332635605.png "title=" 2016-11-08_205802.png "alt=" Wkiol1ghzlbzod-naadbve1r5ug642.png-wh_50 "/>
five , using Border-radius to convert the square into a circular code, as follows:
<<! DOCTYPE html>
<meta charset= "UTF8" >
<title> Four x round </title>
<style type= "Text/css" >
#wtf {width:250px;
height:250px;
margin:0 Auto;}
. A{background-color: #FF0000;
width:100px;
height:100px;
border-radius:50px;
Float:left;
margin:10px;}
#aa {background-color: #FF0000;}
#bb {background-color: #FF0000;}
#cc {background-color: #FF0000;}
</style>
<body>
<div id= "WTF" >
<div class= "A" id= "ee" ></div>
<div class= "A" id= "AA" ></div>
<div class= "a" id= "BB" ></div>
<div class= "A" id= "CC" ></div>
</div>
</body>
effects, such as:
650) this.width=650; "Src=" Http://s4.51cto.com/wyfs02/M00/89/EC/wKioL1ghzkbyD0uoAADKHOCXE88176.png-wh_500x0-wm_3 -wmp_4-s_2945248269.png "title=" 2016-11-08_210641.png "alt=" Wkiol1ghzkbyd0uoaadkhocxe88176.png-wh_50 "/>
Six, the production of web pages of basic text practice, the original World of Warcraft short essay "Sulama Twilight":
<<! DOCTYPE html>
<meta charset= "UTF8" >
<title> Sulama's Twilight </title>
<style>
h1{color:blue;text-indent:400px;}
Div{float:left;}
</style>
<body>
<!--topics--
<div>
<!--paragraphs--
<p> Sulama's shield protects the city from the destruction of sundering, allowing them to continue to use the night's well magic in the barrier. But the shield was insulated from daylight and moonlight, leaving the whole Sulama in perpetual night. <br><p> This is the origin of the name "the City of Eternal Night". </p>
<p> 10,000 years, lost the sun and moon, plus the magic energy of the night well of the influence. These elves have mutated, and eventually become the children of the present night. </p>
<p> and the most affected, it is Alisander himself. As Sulama's leader, she is largely immersed in the magic of the Night well (considering Azshara). </p>
The core of the <P> night's well power is the eye of Amansours, a Titan artifact that creates a power source similar to the eternal well through resonance with wells. </P>
<p> as she gets more and more affected by the Amansours eye, Alisander feels like she has the power to manipulate time. She can enter different time levels, summon her own avatar in different time streams, and even glimpse the future. </p>
<p> through this ability, Alisander makes the son of the night a clan flourished today. It has even been able to rival the "neighboring" Storm Fjord Vault Civilization (in ancient times, two civilizations had had a lot of friction, mainly on the issue of territorial disputes, the son of the night after Sundering tried to the perimeter of the shield to develop). </p>
<p> However, in the Legion invasion of this event. Alisander to observe future fragments anyway. See only the scene of her own death in a different time stream. In all the future she had seen, the Legion had won, and she herself had been killed by the Legion. </p>
</div>
</body>
As follows:
650) this.width=650; "Src=" Http://s4.51cto.com/wyfs02/M01/89/F0/wKiom1ghz-uQUvoCAAEP-vbv8I0623.png-wh_500x0-wm_3 -wmp_4-s_3544385825.png "title=" 2016-11-08_211323.png "alt=" Wkiom1ghz-uquvocaaep-vbv8i0623.png-wh_50 "/>
This article from "12244251" blog, declined reprint!
Learn PHP the next day
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
