Web前端知识

首页 > 免费 > Web前端知识 >

为前端新人学习整理的笔记-------html/css/js基础知识点(一)

来源:北京汇仁智杰科技有限公司   时间:2016-04-14   点击:

  又到了一年一对的招生季,面对各个企业的高要求,刚刚走出学校的大学生因为没有实验项目的原因,导致经验不足,今天汇仁智杰小编就将需要新人学的知识点整理成为笔记,希望能够帮到想要学习的你。
  一:<!DOCTYPE HTML>
  !   声明,注意的意思;
  doc document 文档的意思;
  type 类型的意思;
  html就不用解释了;
  连在一起的意思就是:注意,文档的类型是HTML。也就是声明你写的文件的文档类型,方便浏览器解析。
  二:<meta charset="UTF-8"/>
  声明代码的编码格式
  注意:有些时候你声明了以UTF-8编码,但是在实际网页中中文还是显示乱码,这时候你可以去看看保存文件的时候是否采用UTF-8编码保存,因为只有保存文件的格式和网页声明的编码一致才不会导致乱码。
  三:CSS样式表
  三种形式:内部样式表,外部样式表(<link href="style.css" rel="stylesheet"/>),内联样式表。
  四: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, <div id="box1"><div id="box2"></div></div>若设置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:单词间距;

  今天小编就整理这些,稍后更新接下来的整理的内容,希望能帮到您。

网络营销推广 . 北京汇仁智杰科技有限公司!

地址:北京市昌平区回龙观龙冠大厦5层
咨询:13370157521
业务QQ:373002979
E - mail:sales @ huirenzhijie.com
企业网站备案:京ICP备15021091号-1

汇仁智杰与众不同

  • 有网络推广经验
  • 有网站建站队伍
  • 有大型网站建设经验
  • 致力于营销型网站建设
  • 始终坚持技术和服务同样重要
查看PC版网站
备案号:京ICP备15021091号-1 版权所有:汇仁智杰