Web前端知识

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

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

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

  现在小编接着为大家整理,如果有需要的人可以带走。
  一:<img src="1.png" alt="美女"/>
  alt是给图片添加介绍,当图片没加载出来时,会直接显示alt的值,在搜索引擎搜索时也可以让搜索引擎更好的找到这张图。
  二:<a href="css2.ppt">标签下载</a>
  当href的值是一个文件名或者压缩包时就会直接出发浏览器的下载功能去下载这个文件。
  三:<a href="#id"></a>
  锚点,百度百科常用。点击a标签就会跳到对应id的位置。
  四:群组选择符
  #box1,#box2{}选中id为box1和box2的对象。
  五:类选择符
  .class
  六:类型选择符
  p{};div{}等
  七:样式优先级
  1.同级样式默认后者覆盖前者;
  2.优先级:类型(1) < class(10) < id(100) < style行间样式(1000)
  八:伪类
  伪类用于向被选中元素添加特殊的效果
   link:未访问(默认);
   visited:访问过后;
   hover:鼠标经过,悬停;
   active:鼠标点击。
  如果要持续的让某个元素有以上效果,写这四个伪类的顺序应该如上,visited必须写在第二,如果写在最后,访问之后,根据同级元素的优先级顺序,访问之后的样式会覆盖hover和active,这样会导致无法连续出现效果。
  兼容问题:IE6不支持a以外其他任何标签的伪类;IE6以上的浏览器支持所有标签的hover伪类.
  九:默认样式重置
  有些标签会自带一些padding,margin等样式,在开发之前,最后清除这些默认样式。清除的时候最好不要用通配符来清除,因为那样效率会很低。
  十:块元素和内嵌元素
  块的特征:
   1.默认独占一行;
   2.没有宽度时默认撑满一行;
   3.支持所有css命令;
  内嵌的特征:
   1.同类的标签可以在同行显示;
   2.支持撑开宽度;
   3.不支持宽高;
   4.不支持上下的margin和padding;
   5.代码换行的话中间会有一个空格.
  十一:display
   通过display可以改变块和内嵌属性。
   display:block;
   display:inline;
   display:inline-block
    特性:
      1.块在一行显示;
      2.行内元素支持宽高;
      3.没有宽度的时候内容撑开宽度。
  兼容问题:代码换行会出现空格;ie6,ie7不支持块属性标签的inline-block;
   小编先整理到这,到目前为止,小编整理的已经有一些知识点了,不知道你是否真的看懂了,真的明白,真的会运用了么?

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

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

汇仁智杰与众不同

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