ホームページ  >  記事  >  ウェブフロントエンド  >  フロントエンド初心者のための勉強メモ -html/css/js基礎知識ポイント_html/css_WEB-ITnose

フロントエンド初心者のための勉強メモ -html/css/js基礎知識ポイント_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:21:391283ブラウズ

即将毕业的软件工程大学生一枚,秋季招聘应聘的是Android,今年来到公司实习,要求做前端开发,所以一切只有现学,现在根据视频来学习,然后开这个博客记录一下自己的学习过程,废话不多说,开写。

4月6日学到的知识点:

  一:

       !   声明,注意的意思;

      doc document 文档的意思;

      type 类型的意思;

      html就不用解释了;

    连在一起的意思就是:注意,文档的类型是HTML。也就是声明你写的文件的文档类型,方便浏览器解析。

 二:

     声明代码的编码格式

     注意:有些时候你声明了以UTF-8编码,但是在实际网页中中文还是显示乱码,这时候你可以去看看保存文件的时候是否采用UTF-8编码保存,因为只有保存文件的格式和网页声明的编码一致才不会导致乱码。

 三:CSS样式表

    三种形式:内部样式表,外部样式表(),内联样式表。 

 四:background复合属性

     repeat:背景图重复,默认就是背景图重复,还有no-repeat(背景图不重复),repeat-x(水平轴上背景图重复),repeat-y(竖直背景图重复)

     10px(x轴),50px(Y轴)也可为负数。center top(水平居中,竖直在顶端),fixed(背景固定,不管怎么拖动滚动条,该背景图都固定在相应位置。)

 五:border复合属性

     border-width:边框宽度;

     border-style:边框样式;(solid 实线,dashed 虚线,dotted 点线,IE6不兼容)

     border-color:边框颜色;

 六:padding内边距

     padding属性:上右下左

     注意:内边距相当于给一个盒子加了填充厚度会影响盒子的大小,若想盒子大小保持不变,就要减少相应长宽.

 七:margin外边距

     块与块之间的距离。

     注意:1,上下外边距会叠加,即上下两个div,设置上一个div的margin-bottom为30px,设置下面div的margin-top为30px,设置后总的外边距还是为30px,不会为60px;

              2,

box2 の margin-top を 10px に設定した場合、親 div の margin-top=10px はそのままになります。つまり、親子レベルが含まれる場合、子の margin-top が親に渡されます。

margin-right:auto を設定すると、設定されたオブジェクトは左側になります。

margin-left:auto を設定すると、設定されたオブジェクトは右側になります。

margin:auto 0 を設定すると、設定されたオブジェクトは水平になります。中心にあります。

8: ボックスモデル

9: 一般的なスタイル

構造スタイル: width: width;

使用する 使用する 使用する 使用する 使用する 使用する 使用する から を通じて を通じて ‐ ‐ ‐ ––-マージン:ラインの高さ;

フォントスタイル:テキストの修正(下線、削除線)

文字の間隔: 単語の間隔; ファイティング!!!!!!!!!!!!!!!

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。