タスク8-CSSスタイル1
1882 ワード
1、ブロックレベルの要素と行内の要素はそれぞれどれらがありますか?4つ以上の特性の違いをテストし、リストします。
ブロックレベル要素には、H 1からH 6 div p table ul ol li dd dt tr td form行内要素として、a img br em span button input label textarea 1)ブロックレベル要素(block-level)が行全体の空間を占め、業界要素(inline-level)が自身の幅空間を占めている.2)ブロックレベル要素はブロックレベル要素と行内要素を含むことができ、内要素は行内とテキスト要素のみを含むことができる.3)ブロックレベル要素は幅の高さを設定でき、行内要素は幅の高さを設定できませんが、imgラベルは例外です.4)ブロックレベルの要素は内外の余白を設定することができ、行内の要素は内外の余白を設定して上下に役に立たず、左右にのみ有効である.
2、CSS継承とは何ですか。継承できる属性とできない属性はどれですか?
CSS継承とは、子要素が親要素のいくつかの属性を実現することを意味し、fontフォントクラス属性、テキストクラス属性などはletter-spacing、word-spacing、white-space、line-height、color、fontなどを継承することができる.margin、border、padding、background、height、widthなどのボックスモデル属性クラスは継承できません.
3、ブロックレベルの要素を水平方向に中央に配置するにはどうすればいいですか?行の要素を水平方向に中央に配置するにはどうすればいいですか?
ブロックレベル要素はmargin:0 autoを設定できます.行内の要素は、ブロック要素に挿入し、ブロック要素のプロパティtext-align:centerを設定できます.
4、CSSで三角形を実現しますか?
ブロック要素の縦横を0に設定し、枠線の幅を三角形の高さに設定し、一方向の枠線表示を残します.他の方向の三角形を実現するには、どの方向の枠を残すかを合理的に設定すればよい.次のように
width:0;
height:0;
border-left:50px solid transparent;
border-right:50px solid transparent;
border-bottom:50px red solid;```
### 5、 ... ?
, 。
white-space: nowrap; テキストが枠線を超えて改行しないoverflow:hidden;テキストが枠線を超えた部分はtext-overflow:ellipsisを非表示にします.枠を超えた部分は...表示
### 6、px, em, rem ?
px: , 。
em: 。
rem:rem 。
### 7、 ? ? ?
body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; }body要素のすべての子孫要素のフォントスタイルを設定します:フォントサイズ12 PX、行の高さは現在のフォントサイズの1.5倍で、フォントの優先選択順序はtahoma、arial、Hiragino Sans GB、5 b 8 b4 f 53、sans-serifで、引用符を付けたフォントは複数の単語からなり、数字記号は実際に宋体のunicode表現です.
[1](http://js.jirengu.com/nevemowega/2/)
[2](http://js.jirengu.com/caqejuqeqa/2/)
[3](http://js.jirengu.com/lixudinase/3/)
[4](http://js.jirengu.com/cosulakomi/2/)
[5](http://js.jirengu.com/petezupeki/2/)