阿里云服務(wù)器3折開(kāi)售（點(diǎn)此直達(dá)）
image
CSS元素分類(lèi)
- 塊級(jí)元素
- 常用的塊級(jí)元素有:
<div> 卷雕、 <p> <h1>-<h6> <ol> <ul> <li> <dl> <dt> <dd> <table> <tr> <address> <blockquote>(這是引用標(biāo)簽) <form>- 塊級(jí)元素的特點(diǎn):
a. 每個(gè)塊級(jí)元素都從新的一行開(kāi)始，并且其后的元素也另起一行闰渔。即塊級(jí)元素都是自己占用一行。 b. 元素的高度还绘、寬度楚昭、行高以及到頂和底邊的距離都可設(shè)置 c. 元素寬度在不設(shè)置的情況下，是它本身父容器的100%（和父元素的寬度一致）拍顷，除非設(shè)定一個(gè)寬度抚太。- 設(shè)置display:block 可將元素顯示為塊級(jí)元素。如下代碼就是將內(nèi)聯(lián)元素a轉(zhuǎn)換為 塊級(jí)元素昔案，從而使a元素具有和塊級(jí)元素特點(diǎn)尿贫。
例: a{display:block;}
-
內(nèi)聯(lián)元素
- 常用的內(nèi)聯(lián)元素:
<a> <b> <span> <br> <i> <em> <strong> <label> <q>- 內(nèi)聯(lián)元素的特點(diǎn)
a. 和其它元素都在一行上。即自己不獨(dú)占一行 b. 元素的高度踏揣、寬度以及到頂部和底部的距離不可設(shè)置 c. 元素的寬度就是它包含的文字或圖片的寬度庆亡，不可改變- 內(nèi)聯(lián)元素可以通過(guò) display:inline 將塊級(jí)元素轉(zhuǎn)為內(nèi)聯(lián)元素。從而使塊級(jí)元素具有內(nèi)聯(lián)元素的特點(diǎn)捞稿。
例子: div{ display:inline; } <div> 我會(huì)從塊級(jí)元素變成內(nèi)聯(lián)元素 </div> -
內(nèi)聯(lián)塊級(jí)元素
- 常用的內(nèi)聯(lián)塊級(jí)元素有:
<img> <input> - 內(nèi)聯(lián)塊級(jí)元素的特點(diǎn):
a. 和其它元素在一行上 b. 元素的高度又谋、寬度、行高以及到頂部和底部的距離都可以設(shè)置- 代碼
display:inline-block就是將于元素設(shè)置為內(nèi)聯(lián)塊級(jí)元素
- 常用的內(nèi)聯(lián)塊級(jí)元素有:
- 示例: 將一個(gè)豎向排列的兩個(gè) div 娱局，變成橫向排列
<style> div{ width:200px; height:200px; display:inline-block; } .one{ background:blueviolet; /*紫色*/ } .two{ background: aquamarine; } </style> <body> <div class="one"></div> <div class="two"></div> </body>
未加 display:inline-block之前 效果:
image.png
加了之后的效果:
image.png
- 示例2: 將內(nèi)聯(lián)元素 設(shè)置為 塊級(jí)元素
<html>
<head>
<style>
a{
background: red;
}
span {
background: blue;
}
</style>
</head>
<body>
<a>我是內(nèi)聯(lián)彰亥，我的寬高都是不可以設(shè)置的</a>
<span>我也是內(nèi)聯(lián)元素呢</span>
</body>
</html>
image.png
開(kāi)始更改:
<!DOCTYPE html>
<html>
<head>
<style>
a{
background: red;
width: 100px;
height: 100px;
display: inline-block;
}
span {
background: blue;
width: 200px;
height: 200px;
display: inline-block;
}
</style>
</head>
<body>
<a>我是內(nèi)聯(lián)，我的寬高都是不可以設(shè)置的</a>
<span>我也是內(nèi)聯(lián)元素呢</span>
</body>
</html>
image.png
不要被圖片內(nèi)的文字欺騙了衰齐，是可以設(shè)置的哈剩愧。。娇斩。
哈.png
part 3
干了這碗雞湯
在你每天的生活之旅中，別忘了為人間留下一點(diǎn)贊美的溫馨穴翩，這一點(diǎn)小火花會(huì)燃起友誼的火焰犬第。
人類(lèi)天性中有一點(diǎn)至為重要，就是渴求被人重視芒帕。
林肯：每個(gè)人都喜歡被人表?yè)P(yáng)
司華伯：世上最容易摧毀一個(gè)人的意志那就是上司對(duì)他的工作的否定歉嗓。我從不批評(píng)任何人，我只給他們鼓勵(lì)背蟆。如果說(shuō)鉴分，我還有什么喜好，那就是真誠(chéng)地稱贊他人带膀。
我們的習(xí)慣是志珍，不喜歡一件事，便會(huì)雞蛋里挑骨頭垛叨、吹毛求疵伦糯；要是真喜歡，卻會(huì)什么話都不說(shuō)。
埃爾法利特：我最需要的東西敛纲，不是別的喂击，而是自我尊嚴(yán)的滋養(yǎng)。
我們照顧好了孩子淤翔、朋友和員工身體所需要的營(yíng)養(yǎng)翰绊，可是我們給他們自尊上所需要的營(yíng)養(yǎng)何其稀少。我們給了他們牛排旁壮、土豆监嗜，增加他們的體能，可忽略了稱贊寡具。
拍馬屁和美以及獻(xiàn)媚的區(qū)別在于 ---- 獻(xiàn)媚一眼就可以識(shí)別秤茅，而贊美是真誠(chéng)的、由衷的童叠、無(wú)私的框喳，為人們所欽佩；而諂媚是虛偽的厦坛，只出自于嘴巴五垮，非常自私的、令人感到可恥而需揚(yáng)棄的杜秸。
獻(xiàn)媚是告訴別人放仗，他想得到他自己的種種膚淺的目標(biāo)。
