美文网首页
2019-02-21

2019-02-21

作者: 金石_832e | 来源:发表于2019-02-25 09:33 被阅读0次

#前台技术

#### HTML超文本标记语言标记语言的语法形式是以标签的形式存在

####标签<>

#####标签分类:单标签,标签对

```

//标签对

<div></div>

//单标签

```

HTML相当于楼的**骨架**

#### CSS层叠样式表CSS相当于用HTML的**装修公司**

#### JavaScript(JS是一种行为)

#### 开发环境:

浏览器:IE,``苹果,firefox``,Chrome,Opera

IDE:HBuilder,Sublime,WebSrore,DW,VSCode

need-to-insert-img

#第二天笔记

####简单的标签:

####块元素:独占一行,支持所有有的css命令,支持宽高

####行级元素(内联元素)

####<行间样式>多个div连在一起成为行间样式

####<内部样式>head中的style标签

```

    head 中的<style></style>标签对为标签选择器,可以选择body中的标签进行统一设置

    div{

          ```

           统一设计body中的所有div标签样式

          ```

    }

    #标签ID{

        ```

        个性化设置所对应标签ID的标签

        ```

    }

    标签选择器中:标签ID选择器的优先级要高于div标签选择器

    标签ID前面必须加#

```

src为**源**的意思

transition:渐变

position:位置

absolute:绝对

animation:动画效果

infinite:无限

opacity:透明度

####设置动画 animation 时,需要设置三个参数:关键帧名称 时间(多长时间内完成动画展现) 是否循环(不写:默认不循环;infinite:无限循环)

####在设置完成动画后,需要创建@keyframes方法(关键真名称 同keyframes方法的名称)用大括号编写方法内的运动方式

```

    #sina{

                position: absolute;

                left : 100px;

                top :100px;

                amination :关键帧名称 10s infinite; /*三个参数中间只有空格 没有其他符号*

    }

    @keyframes 关键帧名称{

                0%{

                left: xpx;

                top: ypx;

                }

                ....

                ....

                100%{

                        left: wpx;

                        top: zpx;

                 }

        }

```

####在样式中是没有**=**号的

**透明不等同于消失**

####body的div标签中还可以嵌套div子标签

####background 不仅仅可以设置背景颜色,还可以设置背景图片。url设置背景图片的位置。背景图片默认填充,no-repeat为不自动填充。若设置非自动填充,可设置其他颜色填充剩余部分

####并集选择器:

```

  <head>

  <style>

  #标签1,#标签2....{

  }

  </style>

  </head>

```

####display: none 可以隐藏标签 ,可以使其在文档流中消失。如果不写display,其默认值为block(块)(针对div标签来说)

####<button></button> 这是按钮标签对,可以自定义标签对的功能,type表示

####获取文档中元素ID为box的元素并改变其是否现实:document.getElementById(box).display = 'none'

###js 中关键字带有-的不能识别:background-size 应该写成 :backgroundSize -后面的首字母大写

相关文章

网友评论

      本文标题:2019-02-21

      本文链接:https://www.haomeiwen.com/subject/yvcdyqtx.html