• 深入理解CSS过渡transition

    前面的话 通过过渡transition,可以让web前端开发人员不需要javascript就可以实现简单的动画交互效果。过渡属性看似简单,但实际上它有很多需要注意的细节和容易混淆的地方。本文将介绍和梳理关于CSS过渡的知识 定义 过渡transition是一个复合属性,包括transition-pro...

    2018-06-27 09:03:32

  • css的基础用法(上)

    css定义: CSS层叠式样表(Cascading Style Sheets)是一种用来表现html或xml等文件样式的计算机语言。CSS不仅可以静态的修饰网页,还可以配合各种脚本语言动态地对网页个元素进行格式化。 CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样...

    2018-06-24 02:28:46

  • Vue2.0 --- vue-cli脚手架中全局引入JQ

    第一步:安装jQuery npm/cmpn方式安装(默认安装1.7.X版本的JQ) npm/cnpm install jQuery 如果想安装更高版本的JQ那么可以选择在package.json文件下面这个位置添加代码断(当前图片安装的是2.2.3版本,如果想安装更高或者其他可以更改版本号) 然后在命令行窗口中输入指...

    2018-06-24 02:28:45

  • idea web 配置相对路径

    问题:在web里面用iframe连接一个html文件 - html文件里面是超链接 - 超链接连接的是web同级目录下imgers - 找不到的原因是测试路径配置问题 问题解决:idea 相对路径找不到图片问题:file - progect structure -1-2-3-4-ok 这样就可一在web里面写相对路径了...

    2018-06-24 02:28:43

  • HTML5 拖放、交换位置

    设置元素为可拖放 draggable 属性设置为 true: img draggable= "true" / 拖动什么 - ondragstart 和 setData() dataTransfer.setData() 方法设置被拖数据的数据类型和值: function drag (e) { e.dataTransfer.setData( "text/html", value); } 注:"text/html"参数,我...

    2018-06-24 02:28:40

  • html基础用法(下)

    设计表格: 1 html 2 head 3 title 表格 / title 4 meta charset ="utf-8" / 5 / head 6 body 7 table width ="500" height ="500" border ="1" bordercolor ="red" 8 caption 这是表格的标题! / caption 9 tr 10 th 姓名 / th 11 th 学科 / th 12 th 成绩 / th 13 /...

    2018-06-24 02:28:37

  • 屏幕适配

    rem是什么? rem(fontsizeoftherootelement)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(fontsizeoftheelement)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依赖根元素一...

    2018-06-24 02:28:31

  • 课时95.背景图片(掌握)

    1.如何设置背景图片? 在css中有一个叫做background-image:url();的属性,就是专门用于设置背景图片的。 注意点: 1.图片的地址必须放在url()中,图片的地址是本地的地址,也可以是网络的地址 2.如果图片的大小没有标签的大小大,那么会自动在水平和垂直方向平铺和填充...

    2018-06-24 02:28:31

  • 高大上网站-CSS3总结1-图片2D处理以及BUG修复

    高大上网站-CSS3总结1-图片2D处理以及BUG修复 一,前言: 现在的前端UI相对JS来说,重视并不够。 但是CSS3提供的新特性,将现在的网站赤裸裸的划分为两类:一类还在写着老旧样式,或者通过bootstrap来蹭点CSS3动画。另一类,是用CSS3写着各种特效的网站。 也许国内还感...

    2018-06-24 02:28:30

  • 课时107.内边距属性(掌握)

    1.什么是内边距? 边框和内容之间的距离就是内边距 2.格式 2.1非连写 padding-top: padding-right: padding-bottom: padding-left: 2.2连写 padding:上 右 下 左; 注意点 1.这三个属性的取值省略时的规律 上 右 下 左 上 右 下左边的取值和右边的一样 上 右 下 左上 右...

    2018-06-24 02:28:29

2