百度前端技术学院
文章平均质量分 70
github_34514750
这个作者很懒,什么都没留下…
展开
-
ife-task1:零基础HTML编码--HTML语义化
HTML 是一种标记语言 HTML 标签:标记了html文档和元素 HTML 元素:从开始到结束标签的所有代码,是基本的构造区块 HTML 属性:一般都在开始标签中定义,名称/值形式出现 HTML 之前遗忘的标签:这些标签都是为了更好的语义化,语义化方便爬虫等分析1.nav标签<nav> :导航栏(横竖均可),用于link other pages<nav> <ul>原创 2016-04-02 16:38:31 · 548 阅读 · 0 评论 -
css实现圆,半圆,四分之一圆和其他几何图形画法
在ife任务4中,画四分之一圆的时候,是画出一个圆并且结合overflow等实现,但是其实可以直接画出半圆或者四分之一圆,之前忽略了几个属性。 圆的画法:先画相应矩形,在用border-radius1.画出圆{ width:100px; height:100px; border-radius:50px;}2.画出方向四个不同的本圆.top{ width: 100px; he原创 2016-04-05 15:44:50 · 30890 阅读 · 0 评论 -
js--DOM--1.常用的节点类型
1.什么是DOMDOM(文档对象模型),是针对HTML和XML文档的一个API。描述了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。2.Node2.1节点类型只写几个此博文提到的: 节点类型 nodeType nodeName nodeValue ELEMENT_NODE 1 元素标签名 null ATTRIBUTE_NODE 2 属性名原创 2016-04-05 15:23:05 · 852 阅读 · 0 评论 -
js--语法--for和for-in;访问对象的属性.和[]的区别
1.forjs中for循环一般用于遍历数组//前提:cars是个数组for (var i=0;i<cars.length;i++){ document.write(cars[i] + "<br>");}2.for-infor-in一般用于循环遍历对象的属性 虽然数组在js中也是对象,技术上说,我们可以使用for-in循环数组,如下:var xvar mycars = new Arr原创 2016-04-06 10:39:47 · 4909 阅读 · 0 评论 -
布局神器---flexbox
1.flexboxflexbox: 是css3中的新的布局模式,可以控制未知容器元素的对齐方式、排列方向、排列顺序。 flex布局:(由父元素和它的直接子元素组成) 父元素:成为flex容器 直接子元素:成为flex项目/flex item2.flex容器的属性:设置display:flex;/display:inline-flex;设置flex容器的原创 2016-04-07 22:08:10 · 2053 阅读 · 0 评论 -
ife-task7:半透明颜色层上叠加文字,rgba()和opacity区别
ife的task7中遇到的问题: 在一张图片上加了一个半透明颜色层,但是在半透明颜色层上加上文字却也成了半透明给html图片上叠加半透明颜色层,并且在半透明颜色层上叠加文字 使用absolute+opacity属性实现不透明度、 或者不用定位,直接就使用margin-top:一个负数,来定位,但这种不可取,除非明确知道跟top的距离。<div id="part-5"> <img原创 2016-04-05 16:05:01 · 1354 阅读 · 1 评论 -
git--时空穿梭机--ife任务9
背景:我们团队做完各自部分,在task9合并的时候,发现一个part出现了问题,合并时有冲突,原因应该就是我push之前没有pull!1.首先冲突发生时,使用$ git status可以查看冲突的文件 并且打开文件内容,git会用<<<<<<,======,>>>>>>标记不同分支内容,现在可以修改冲突文件,然后commit即可修改。2.但是发现 历史版本是正确了,不想修改冲突怎么办呢?现在就在悲原创 2016-04-02 17:31:10 · 550 阅读 · 0 评论 -
ife-task3:三栏式布局--再谈position 属性的基本知识
1.static:这个关键字使得这个元素使用正常的表现,即元素处在文档流中它当前的布局位置,top, right, bottom, left 和 z-index 属性无效。2.relative:相对定位相对定位(position: relative)的元素仍然被认为是处于文档流之中。 使用这个关键字来布局元素就好像这个元素没有被设置过定位一样。即会适应该元素的位置,并不改变布局(这样会在此元素原本原创 2016-04-02 17:13:45 · 790 阅读 · 0 评论 -
ife-task2:零基础HTML及CSS编码--被忽略的属性
1.border-raduis向div元素添加圆角边框2.box-shadow基本适用于所有元素3.text-decoration文本装饰,比如a标签是否有下划线等4.border-collapse,table中常用,合并边框5.text-indent首行缩进,常用于p标签6.vertical-align垂直对齐方式感悟:1.看了task2之后,领会到了task1很多标签的重要性,也理解了语义化的重原创 2016-04-02 16:43:10 · 407 阅读 · 0 评论 -
css-水平和垂直布局
1. 盒子模型margin外边距,border边框,padding内边距,element元素2. 水平布局2.1 盒子模型理解水平布局父元素width=子元素margin-left+border-left+padding-left+width+padding-right+border-right+margin-right;2.2 行内元素实现水平居中text-align="center";2.3 使原创 2016-04-02 17:06:19 · 9252 阅读 · 0 评论