集团主站
欢迎来到成都达内官方网站!达内—美国上市公司 亿元级外企IT培训企业!
成都it培训哪家好
成都it培训哪家好
全国服务监督电话:15023458194  |   联系客服   |
当前位置:主页 > 培训课程 > web前端 >

成都web前端开发学校分享前端一些小知识点

发布者: 成都达内     浏览次数:     发布时间:2019-02-28 13:07:24

成都web前端开发学校分享前端一些小知识点...

  成都web前端开发学校分享前端一些小知识点

  一,主流浏览器及内核

  Chrome——Webkit/blink

  IE ——Trident

  Firfox ——Gecko

  Safari—— Webkit

  Opera—— presto

  二,css权重

  !importent ——Infinity(正无穷)

  行间样式 ——1000

  id ——100

  class/属性/伪类 ——10

  标签/为元素 ——1

  通配符—— 0

  css的优先级取决于权重,权重间的进制是256.

  三,行级 块级 行级块 元素

  行级元素:1内容决定元素大小 2无法通过css改变宽高(span em a strong...)

  块级元素:1独占一行 2可以改变宽高 (p div ul li form address...)

  行级块元素:内容决定大小 可以改变宽高 (img)

  四,定位

  绝对定位:absolute:脱离原来位置,以最近父级定位,如果没有以文档顶端定位

  相对定位:relative:保留自己以前的位置,并且以自己以前位置定位

  五,margin俩bug

  1,margin-top塌陷:子div在父div中 子div margin-top无效,除非子div margin-top值大于父级的,而且此时还带动父级一起移动。

  成都web前端开发学校分享前端一些小知识点

  父级div上边框消失了一样,给父级加上一个上边框可以解决(不可取),或者使用BFC(block formatting context 块级格式化上下文)

  CSS2.1中规定满足下列CSS声明之一的元素便会生成BFC。

  根元素

  float的值不为none

  overflow的值不为visible

  display的值为inline-block、table-cell、table-caption

  position的值为absolute或fixed

  给父级添加如上所示就能解决此问题

  2,margin合并:两个并排块级元素,上块设置margin-bottom同时下块设置margin-top。两个只会一个有效。(值大的那个有效)

  成都web前端开发学校分享前端一些小知识点

  解決:只设置一个

  六,不加载css/js情况下网站能运作的一个小例子

  图片作为超链接时,网速不佳不能加载css,依然可以继续操作。

  成都web前端开发学校分享前端一些小知识点

  第一种

  1,给a标签设置块级/行级块 和宽。然后高度为零(此时图片就显示不出来)。

  2,然后加上padding-top就会把图片需要的位置顶出来(图片可以出现在padding中),并且把超链接文字顶出a标签范围。

  3,然后overflo-hidden把文字隐藏就好了。

  4,当不加载css的属性时,‘炉石’就会出现,不耽误操作。

  第二种

  1,给a标签设置块级/行级块 宽和高。

  2,然后设置文本缩进,把‘炉石’顶出去,并设置不换行。

(责任编辑:范老师)
最新开班
  • 成都Java培训班
    免费试听名额发放中...
  • 成都C++培训班
    免费试听名额发放中...
  • 成都PHP培训班
    免费试听名额发放中...
  • 成都网络工程培训班
    免费试听名额发放中...
  • 成都Unity3D培训班
    免费试听名额发放中...
  • 成都大数据培训班
    免费试听名额发放中...
  • 成都uid培训班
    免费试听名额发放中...
  • 成都会计培训班
    免费试听名额发放中...
  • 成都Python培训班
    免费试听名额发放中...
  • 成都嵌入式培训班
    免费试听名额发放中...
  • 成都web培训班
    免费试听名额发放中...
  • 成都软件测试培训班
    免费试听名额发放中...
在线留言
提交

校区地址:绵阳市涪城区临园路东段68号富临大都会7栋3单元9层12号

联系电话:15023458194

公交路线:富乐路口凯德广场(10路;29路;3路;15路;11路;15a路;71路)

校区地址:成都市锦江区东大街紫东楼端35号明宇金融广场19楼1906室

联系电话:15023458194

公交路线:芷泉街(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:成都市高新区奥克斯广场蜀锦路209号一楼商铺

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

校区地址:成都锦江区东大街芷泉街229号东方广场C座3楼303

联系电话:15023458194

公交路线:芷泉街(188路;115路;515路;236路;505路;501路;84路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:成都市武侯区佳灵路3号红牌楼广场2号写字楼11楼1115号

联系电话:15023458194

公交路线:红牌楼东(11路;92路;100路;111路;139路;g28路;快速公交K1/K2) 地铁路线:红牌楼站(地铁3号线)

校区地址:成都市锦江区红星路二段70号四川日报大厦502-2

联系电话:15023458194

公交路线:市二医院站(6路;49路;102路;5路;37路;g92路;) 地铁路线:地铁市二医院(地铁3号线)

校区地址:成都市锦江区东大街芷泉段229号东方广场C座16层

联系电话:15023458194

公交路线:芷泉街(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:四川省成都市武侯区高新科技孵化园9号园区E座7楼

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

校区地址:成都市人民南路一段86号“城市之心”大厦26楼

联系电话:15023458194

公交路线:成都市人民南路(6路;14路;42路;72路;76路;1010路;)

校区地址:成都市高新区奥克斯广场B座1708

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

了解达内动态
关注成都达内教育公众号

首页 | 关于达内 | 课程中心 | 专家师资 | 视频教程 | 学员空间 | 校企合作 | 新闻资讯 | 就业指导 | 网站地图

2016-2025 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56