您好,欢迎访问一九零五行业门户网

前端新人学习笔记-html/css/js基础知识点_html/css_WEB-ITnose

即将毕业的软件工程大学生一枚,秋季招聘应聘的是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 ,被设置对象会水平居中。
  八:盒模型
  九:常见样式
      结构样式:width:宽度;
                    height:高度;
                    background:背景;
                    border:边框;
                    padding : 内边距;
                    margin: 外边距;
      文本样式:font-size:文字大小(一般为偶数,最小一般设置为12px)
                    font-family:字体;
                    color:文字颜色;
                    line-hight:行高;
                    text-align:文本对齐方式;
                    text-indent:文本缩进(2em);
                    font-weight:文字着重;
                    font-style:文字倾斜;
                    text-decaration:文本修饰(下划线,上划线,删除线)
                    letter-spacing:字母间距;
                    word-spacing:单词间距;
以上是今日所学的所有知识点总结,多学多用多记,fighting!!!!!!!!!!!!!!!
其它类似信息

推荐信息