![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
小皮子摘星星
请多多指教
展开
-
DOM 对象
每个载入浏览器的 HTML 文档都会成为Document 对象。就是把HTML文档模型化,当作对象来处理JavaScript 能够改变页面中的所有 HTML 元素JavaScript 能够改变页面中的所有 HTML 属性Document 对象属性srcdocument.getElement("").src;得是文件,不能诸如 div 这种标签,比如 img 标签titleclassName 获取或设置类名href 获取或设置链接地址value获取节点DOM获取节点分为两原创 2020-08-17 23:41:18 · 225 阅读 · 0 评论 -
js 的几大对象
Number 对象方法isNaN(); 判断该变量是否为数值类型parseInt()/parseFloat(); 转换单位toExponential(); 指数计数法toFixed(); 固定计数法toPrecision(); 精度 智能判断toString(); 转化为字符串valueOf(); 显示它的原始值属性prototype 原型链当中得共享属性constructor 获得构造器MAX_VALUEMIN_VALUE1String 对象属性length;原创 2020-08-09 23:49:26 · 284 阅读 · 0 评论 -
sessionStorage
sessionStorage会话存储localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。存储对象属性length 存储对象包含了多少条数据存储对象的方法key() 返回存储对象第 n 个键的名称getItem(keyname) 返回指定的键setItem(keyname,value) 添加键和值,如果值存在更新对应值removeI原创 2020-07-25 23:26:14 · 123 阅读 · 0 评论 -
js 中 Cookie 的使用方法
用于存储 web 页面的用户信息。当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。Cookie 的作用就是用于解决 “如何记录客户端的用户信息”:当用户访问 web 页面时,他的名字可以记录在 cookie 中。在用户下一次访问该页面时,可以在 cookie 中读取用户访问记录。Cookie 以名/值对形式存储username=stringjs 创建 Cookiedocument.cookie="username=dog";添加一个过期时间(原创 2020-07-24 23:29:08 · 469 阅读 · 0 评论 -
html 标签相关
简介html (Hyper Text Markup Language ) 中文译为“超文本标记语言”,主要是通过 html 标记对网页中的文本,图片,声音等内容进行描述基本结构<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body>&l原创 2020-07-09 23:19:36 · 1589 阅读 · 0 评论 -
过渡 transtion 的使用方式
一定程度上也可以代替javascript实现一些动画效果。(CSS3)transition复合属性transition-property参与过渡的属性transition-delay过渡延迟时间执行transition-timing-function过渡的类型transition-duration参与过渡属性的持续时间 <style> /* transition:有数值变化的css属性值 通常会和:hover 结原创 2020-07-07 23:40:49 · 306 阅读 · 0 评论 -
LayUi 的基本使用步骤
使用步骤第一步:下载https://www.layui.com/第二步:导入把下载的解压缩,然后把整个文件拷贝到工程目录下。然后再 head 标签引入(这里要看是引用 js 还是 css)<link rel="stylesheet" type="text/css" href="layui-v2.5.6/layui/css/layui.css"/>按钮要先写基础类名 “layui-btn” ,后面再添加其他样式,才好看。并且按钮都可以组合使用。普通类型按钮layui-bt原创 2020-06-26 23:48:59 · 6060 阅读 · 1 评论 -
Bootstrap 的基本使用方法
使用步骤第一步:下载https://v3.bootcss.com/getting-started/#download第二步:导入把下载的解压缩,然后把整个文件拷贝到工程目录下。然后再 head 标签引入(这里要看是引用 js 还是 css)<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.min.css"/>按钮要先写基础类名 “.btn” ,后面再添加其他样式,才好看原创 2020-06-24 23:34:37 · 1107 阅读 · 0 评论 -
jQuery 基础知识
核心引入选择器jQuery(".class",)$(“div”)$ 核心:选择器 (".nav",(".nav",(".nav",(’.nav-wrap’)).hide(); 第一个参数正常的css选择器写法文档加载$(document).ready(function(){ })懒人写法 $(function(){})与 window.onload 区别window.onload只能执行一次,但是$(document).ready(function(){ }原创 2020-06-13 23:43:54 · 82 阅读 · 0 评论 -
弹性盒子
概念弹性盒子是CSS3的一种新布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。声明display:flex定义在弹性盒子上的六个 css 属性方向flex-direction(弹性盒子的方向):默认取值:row(行排列)row-reverse(行 反方向排列)colum原创 2020-06-11 23:20:16 · 108 阅读 · 0 评论 -
如何把字体图标(iconfont)应用到 CSS 中
下载第一步:阿里巴巴矢量图标下载第二步:选择源代码下载第三步:解压缩文件第四步:把文件导入Unicode 引用第一步:生成 @font-face@font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format原创 2020-06-08 23:51:56 · 2042 阅读 · 0 评论 -
什么是绝对、相对定位
绝对定位position:absolute设置为绝对定位的元素框将会从文档流中完全删除,并相对于其包含块(父元素)定位,包含块可能是文档中的另一个元素或者是初始包含块(body)元素。绝对定位会脱离文档流,并且不占空间,普通文档流的元素的布局会认为绝对定位的元素不存在,所以绝对定位的元素可以覆盖在其他元素上,可以通过 z-index 来控制这些层的相应顺序。<html> &l...原创 2020-03-29 22:44:15 · 1136 阅读 · 0 评论 -
CSS 选择器
CSS 的学习笔记什么是 CSSCSS 称为层叠样式表,也可以称为 CSS 样式表或样式表,其扩展名位 .CSS 。CSS 是用于增强或控制网页样式,并也许将样式信息与网页内容分割开的一种标记性语言HTML 使用 CSS 样式CSS 的样式一共分为四种,并且优先级为 行内样式 > 内嵌样式 > 链接样式 > 导入样式行内样式直接把 CSS 代码添加到 HTML 标记中...原创 2020-02-04 20:11:52 · 190 阅读 · 0 评论 -
标准流文档
标准流文档在学习 CSS 的定位,浮动,总会看到标准文档流,这是什么 ?其实,web 网页的制作像是一个流,从上而下。也就是 CSS 的分布规则。大概有如下几种现象空白折叠现象在 html 文件输入文本,多个空格会被合并成一个空格显示到浏览器页面中。这种现象称为空白折叠现象。高矮不齐,底边对齐当我们网页,文字图片大小不同时,都会让页面的元素出现高矮不齐的现象,但是在浏览器查看我们的页面...原创 2020-02-01 21:08:06 · 1485 阅读 · 0 评论 -
块级元素和行内元素,行内块元素
在学习 CSS 的时候发现,发现有些标签会独占一行,典型的例如 <div> 标签。而某些不会独占一行,典型如 <span> 标签。其实这是因为 CSS 的标签是有区分元素类型的。元素分类行内元素又称为内联元素,行内元素的大小是靠本身内容的大小,宽高都设置无效。常见的特点如下:与其他行内元素并排设置宽高无效默认的宽度就是文本内容的宽度水平方向的 paddin...原创 2020-02-01 21:03:56 · 10754 阅读 · 1 评论