Zhangzanhao-优快云博客

原创移动端学习第八周 jQuery

jQuery是javascript库 Query查询意思是查询js 把js的DOM操作做了封装，我们可以快速查询，使用调用里面的封装好的函数，功能 $就是jQuery的意思jQuery对象$('div') 整个这个就是一个jQuery对象，被jQuery包装好了的，它有jQuery的属性和方法（功能）一，DOM对象mydiv = document.queryseletor('div'); 这个mydiv就是DOM对象，它也有DOM的属性和方法二，jQuery对象jQu...

2022-04-10 22:52:31 604 1

原创移动端学习第七周 less

我们CSS文件没有运算功能，也不好维护，想改一个颜色必须全部都改一遍，这个时候就可以用less变量@color:pink;body { background-color: @color;}div { background-color: @color;}很简单哈，声明变量就在前面加个@就可以了编译以后的CSS代码都在这里写，然后一保存，插件就会帮我们less文件编译成一个CSS文件，所以只需在less上编码即可然后在html上再引用我们的CSS文...

2022-03-27 22:25:58 363

原创 CSS移动端学习第六周

目录背景渐变bootstrap框架container类container-fluid类栅格系统背景渐变background:-webkit-linear-gradient(方向，颜色1，颜色2)要先添加浏览器私有前缀，否则不能显现出来而电脑端的浏览器前缀要添加太多了，所以此功能一般不在电脑端使用而手机端一般添加-webkit就可以了方向可以写left，表示左边从颜色1往右渐变到颜色2也可以写top-left，表示从左上角开始渐变到右下角<!

2022-03-20 21:49:46 339

原创 CSS移动端学习第五周

做一份移动端CSS文件这样做的好处就是简单不繁琐，做出的网页就分移动端和PC端电脑和手机上看到的样式不同坏处呢就是过于单调，只有这两种样式但现在大多数网页都是选择这种，像京东，淘宝等二是把网页做成响应式的，这样的话就要做好几份CSS文件这样做的好处就是，网页会根据屏幕

2022-03-06 22:25:22 292

原创 CSS学习第四周

目录固定定位叠加次序注意溢出隐藏对齐属性固定定位固定定位position:fixed; 它和绝对定位有点相似一，不管父系是否有定位，子元素加上固定定位后就以浏览器为参考二，固定定位不会随着屏幕的滑动而消失，只会一直固定在那个位置三，固定定位会脱标。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></tit

2022-02-20 16:44:32 254

原创 JS学习第一周

目录输出输入框变量数据类型输出输入框输出和输入框就是在你打开网页之后就会弹出的页面输入框就是你可以在输入栏上回答程序猿问你的问题输出框就只会弹出一段话，你只能确认或取消不能输入而其中的console.log 是要在打开自己的网页上，按下F12的按键，点击控制台就可以看到了<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title><

2022-02-13 21:38:16 374

原创 CSS学习第三周

字体阴影字体阴影的属性是text-shadow，它要填四个要素，分别是水平位置，竖直位置，模糊程度，阴影颜色在阴影颜色后加上一个逗号可继续写下一个阴影的属性

2022-02-13 21:16:08 346

原创 CSS学习第二周

内部样式表，外部样式表，行内样式表内部样式表简单来说就是写在HTML文件并用<style>标签囊括在里面的，就叫内部样式表，内部可以理解成HTML的内部外部样式表就是新建一个CSS文件，与HTML区别开，且会在HTML文件里说明引用的CSS文件譬如：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>内部行内外部样式表</title

2022-01-30 21:56:05 640

原创 CSS学习第一周

目录CSS修改字体字体大小字体样式字体粗细字体倾斜综合模式CSS选择器标签选择器类选择器id选择器伪类选择器超链接伪类选择器结构伪类选择器目标伪类选择器CSS修改字体我们可以用CSS来修改自己网页上字体的样式，包括多大多小，什么样式，粗细倾斜等字体大小字体大小的可以用font-size来调节<!DOCTYPE html><html> <head> <meta charset=...

2022-01-23 22:03:00 155

原创 HTML学习第一周

目录HTML要素基本标签基本属性图片标签srctitlealt超链接href图片变成超链接target列表无序列表有序列表表单labelinputtype=？require必填autcomplete保存信息textarea 文本域select datalist 下拉列表超链接传输数据HTML三要素<html></html> 表示是HTML语言<head>&l...

2022-01-02 23:42:20 290