1.知っているcssセレクタを挙げる
, ,ID
div.box1--div , class box1 , div,p--div p
div p ,div>p ,div+p ,div~p
[title], [title="hello"]-- hello,[title^="hello"]-- hello ,[title*="hello"]-- hello,[title$="hello"]-- hello ,[title~="hello"]-- title ( ) hello
,a " ",a:link{}-- a ,a:visited{}-- a ,a:hover{}-- a ,a:active{} ,input:focus{}--input
p:first-letter{}--p ,p:before{}--p ,p:after{}--p
2.クラスセレクタとidセレクタの役割をそれぞれ述べる
: , , css
id : ,id 。
3.Webスタイルをリセットする方法
,
*{
margin:0px;
padding:0px;
}
4.箱の模型についてどのように理解していますか。それらの属性はどれらがありますか?
margin:
padding:
width:
height:
5.標準ドキュメントフローとは?
,web ps 。
web , , 。
ps 。
1. -- ,
2. ,
3. , ,
float , , 。
6.フロートボックスの特徴?浮動のメリット?フローティングをクリアするにはどうすればいいですか?
float 。
1.
2.
3.
4.
:
1.
2.clear:both, div, , clear:both
3. , , , clearfix
.clearfix:after{
/* */
content: '.';
clear: both;
display: block;
}
4.overflow:hidden,overflow 。
7.精霊図のメリットは何ですか?
8.位置付けは何種類ありますか。「父相子絶」の位置づけをどのように理解しているのかを述べます。
, ,
“ ”: , , 。 , , 。
9.どのような箱がドキュメントの標準フローから離れていますか?ドキュメントの標準フローから離れたボックスの特徴はどうですか?
, ,
:
1. , ,
2.
3.absolute fixed padding
10.z-indexのルールはどうですか。
1.z-index ,
2. , z-index , z-index ,
3. , z-index
4. z-index 0,z-index , html ,
11.displayプロパティの値はどれらがありますか?それぞれ彼らの意味を説明しますか?
block: , ,
inline: , , , float ,
inline-block: , 。