HTMLlとCSS_html/css_WEB-ITnoseの基礎知識

1.HTTP:超文本传输协议
　　HTTP请求（HTTP request）部分：

　　　　请求行【HTTP方式（get或者post）；请求url；HTTP版本】

　　　　请求头

　　　   空行

　　　　消息体

　　HTTP响应（HTTP response）部分：　　　

　　　　状态行【HTTP版本；响应码；响应描述】

　　　　响应头

　　　　空行

　　　　消息体

2.常见特殊符号

空格　　

小于＜ 　<

大于＞    >

版权号© ©

已注册® ®

and &    &

长破折号 —

3.常见块级元素和内嵌元素

　　块级元素:块级元素定义的文本会换行；
　　　　div,列表系列（ol,ul,dl),fieldset,form,p,h1-h6,hr,table
　　内嵌元素:内嵌元素定义的文本不会换行，
　　　　span,a,img,lable,input系列,iframe,object

4.css选择器及权重问题:
　　　　　　　　　　1 　　1 　　1 　　1
　　元素 　　  　　　　　　　　　　　　1 　　　　　 列如：p{}
　　类,属性及伪类                     1                         列如：.class{};input[type=text]{};
　　id                             1                                列如：#id{};
　　内嵌                1                                          列如：

　　!important 其权重最高，没法比较     

5.css 继承
　　可以继承：
　　　　　　所有元素可以继承的：visibility和cursor;
　　　　　　列表元素可继承的：list-style、list-style-type、list-style-position、list-style-image;
　　　　　　内联元素可继承的：color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration等等;
　　　　　　其他可继承属性：text-align,text-indent;
　　不可继承的：display、margin、border、padding、background、height、widthoverflow、position、left、right、top、bottom、z-index、float、clear等等;

6.css盒模型：

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

　　margin:盒模型的外边距，书写为margin:10px 10px 10px 10px ;分别代表了上、右、下、左的外边距属性，也可以写为margin:10px ;

　　　　还可以写为：margin-left:10px ;表示左边的外边距； margin：10px 22px; 前一个属性表示上下的外边距，后一个属性表示左右的外边距;

　　　　注意：在写外边距的时候，如果有两个靠在一起的，它们的左右外边距是相加的，但是上下的外边距会只取最大的外边距；不会将两个外边距的属性相加;

　　　　并且margin 还可以有负边距 ；

　　border: 边框 ， 书写方式同margin 类似的 只是border可以设置颜色和样式 ，书写： 

　　　　border: 5px solid;　　　　border: 5px dotted red;　　　border:5px dashed;　   border:5px double; 　　　border: 5px ridge;  等等样式

　　　　　　　　　　　　   　   　　　　　     　　　　　　　　　　　　　　　

　　　padding:盒模型内边距，书写方式与margin类似，只是在写padding 的时候会影响内部文字的排版，并且padding有负边距的写法；

　　　　　　列如：

　　　　没padding的时候： 　　　　　　　　　　　　　　　　　　　　　　　　　　　padding：10px;

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

 

　　　　注意： 书写盒模型的padding的时候，给元素添加了padding 会使得盒模型的整体都添加与bottom同等的尺寸；

7.浮动:float

float の値は次のとおりです: none / left/right none はデフォルト値です left は要素を左にフローティングすることを意味します; right は要素を右にフローティングすることを意味します

注: float を使用する場合、フローティング要素は次のようになります。通常のテキストのドキュメント フローは、その要素が通常のドキュメント内に存在しないことを意味します。その後ろにコンテンツがある場合、後続の要素がその位置を占めるのを防ぐために、要素の元の位置が埋められます。要素は、フローティング処理のためにクリアされ、フローティング効果をクリアするために使用されます

要素がフローティングの場合、要素はブロックレベルとして扱われます。浮動要素が設定されていない場合、要素は最小幅に折りたたまれます ;

浮動要素は親要素内でのみ移動し、親要素のパディングを通過しません

浮動要素は重なりません。 8. 位置決め:position

それらは: static (静的位置決め)、relative (相対位置決め)、absolute (絶対位置決め)、fixed (固定位置決め)

static (静的位置決め) とrelative (相対位置決め) を除いて、位置決めはドキュメント フローから切り離されません。その他 位置決めはドキュメント フローから分離されます。親が配置されているかどうかを確認します。親が配置されていない場合は、配置されている親が見つかるまでレイヤーごとに検索されます。要素の配置はボディに対して絶対になります。固定の位置（固定位置）はどのレイヤーにあるかに関係なく絶対的な位置になりますので、使用する場合は注意してください。

overflowこの値はデフォルトです) /hidden (非表示) /scroll (超えた場合はスクロールを追加します) bar)/auto (コンテンツを切り抜き、必要な場合にのみスクロール バーを追加します)

このうち、overflow はスクロール バーのみを切り抜きまたは追加することもできますx または y 方向のオーバーフローの場合

10. 可視性の設定: 可視性と表示

visibility 値は可視(visible)/非表示(hidden)/inherit(親の表示属性を継承)です

注: visibility は、属性を定義するときに元の表示スペースも保持します。

display の値は none (つまり、非表示を意味し、元の位置は保持されません)/block (つまり、表示と要素) です。はブロックレベルに変換されます)/inline(表示も可能ですが要素はインラインレベルに変換されます)/inline-block(要素をブロック属性とインライン属性を持つことができる要素に変換しながら表示します)