html
无敌防风镜
风里,雨里,防风镜里看着你
展开
-
layui子页面跳转到父页面
原文地址问题:想用location.href = "toLoginPage.action";退出登录页面,但是形成页面嵌套解决:用父级元素调用parent.location.href = "../user/login.html";解决: 最外层的页面跳转top.location.href原创 2021-09-07 09:47:26 · 492 阅读 · 0 评论 -
设置复选框
设置复选框原创 2021-08-22 15:51:37 · 201 阅读 · 0 评论 -
判断Html页面的哪个按钮被点击了-谷歌
<HTML> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <HEAD> <TITLE></TITLE> <script> document.onclick=function(){ var obj = event.srcElement; if(obj.type == "button"){ alert(obj.id); } }原创 2021-08-10 18:16:29 · 1354 阅读 · 0 评论 -
2020-08-08-继承-选择器的优先级
通用样式会写在父类代码块中,后代类会继承父类的样式,注意:有些样式是不能被继承的,例如背景颜色,背景图片等,具体去Zeal文档查查Inherited表示继承原创 2020-08-08 00:41:47 · 129 阅读 · 0 评论 -
2020-08-07-伪元素处理文字用
伪元素简介是虚拟的元素,是创建新元素。代表某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。伪元素使用==::==开头伪元素的属性:: before 标签的最前边(相当于p与黑的中间):: after 标签的最后边(相当于摧与/p的中间)前两个标签有大用处,不能单独使用,与content联合使用:: selection 表示选中的内容会改变样式:: first-letter 表示第一个字母:: first-line 表示第一行(都是跟随浏原创 2020-08-08 00:23:39 · 369 阅读 · 0 评论 -
css-伪类
伪类简介(伪类一般都用==:==开头)特殊的类,虚拟的类,表示标签的特殊状态1.列表伪类:用于列表,表示顺序的:first-child–第一个子元素:last-child–最后一个子元素:nth-child(n[0~∞])–第n个子元素 2n=even=偶数 2n+1=odd=奇数: not() 排除伪类同类型的排序:first-of-type–第一个子元素:last-of-type–最后一个子元素:nth-of-type(n[0~∞])–第n个子元素2. 超链接的伪类(这两原创 2020-08-05 23:56:40 · 180 阅读 · 0 评论 -
css的选择器
css的四种选择器1.标签选择器(只能给一类标签)使用:标签名{} <标签> </标签>作用:所有的标签都是这个效果css.....p{color:red;font-size:20px;}<body><p>白日依山尽</p><body>id选择器(只能给一个元素)用法: #唯一标识{ 样式} <标签 id=“唯一标识”> </标签>作用:只有相应的id才对应这个效果原创 2020-08-04 12:05:24 · 162 阅读 · 0 评论 -
css简介
html css javaScript的区别html ????结构css????表现javaScript????行为css特点层叠样式表css的使用第一种(内联样式):直接在标签里利用style来设置,不建议使用<div style="color: aqua; text-align: center;font-size: 30px; ">公务员之路,从华图起步</div>第二种(内部样式表):将样式编写到head里的style标签里。然后通过css选择器来选中元素并原创 2020-08-04 09:59:04 · 145 阅读 · 0 评论 -
音频,视频播放
音频播放作用:引入外部音频,默认下用户不能控制播放停止<audio src="./source/爸爸妈妈-李荣浩.mp3" controls="" autoplay="" ></audio>属性:src----音频的地址controls----显示播放器的图标,用户可以自主控制音乐的播放autoplay----进入页面自动播放音频文件(大部分游览器不支持此属性)loop-----音乐重复播放audio设置兼容性(支持IE8)这种写法与上边的功能原创 2020-08-03 16:39:41 · 127 阅读 · 0 评论 -
图片标签和内联框架
引入图片 img标签属性:src ---- 属性放图片地址alt ----属性,对图片进行描述,有些游览器在图片加载不出来的时候,显示alt的值。搜索引擎根据alt的值进行识别图片wight ----设置图片的宽度height ----设置图片的高度(任改其中一个,另一个会自动按比例修改)引入内部图片<img src="./img/1.jpg">引入外部图片选中喜欢的图片,????右键单击选择复制图片地址放到href里引入图片注意文件格式1.png--原创 2020-08-03 10:18:05 · 215 阅读 · 0 评论 -
下载安装vscode并运行代码
vscode下载vscode官方下载地址安装,特简单安装插件chinese ----找到中文简体installayu ----主题风格live ----随时刷新展示代码效果最新版本的一般都已经安装好了使用1.找到文件,????右键单击????用vscode打开2.在vscode里新建html文件,快捷生成文件格式!+Tab键 注意;英文格式下<html lang="en"> en表示英文网站 zh表示中文网站注释快捷键Ctrl + /在浏览器原创 2020-07-31 17:18:14 · 1145 阅读 · 0 评论 -
块标签与行标签及其实例
块标签与行标签块标签可以放块标签和行标签(特例:<p>标签内不能再放块标签了,如果自己写错了,游览器在解析时会针对不规范的代码进行规范化(在内存中进行更改,不会更改你的源代码),右键单击,检查,可以看到)行标签不建议放块标签块元素:(block element)在页面里占据一块位置,对网页的大体进行布局实例:1.标题标签(共六级标签,从1~6总,效果依次减弱)<h1></h1>hgroup:有联系的一组标题放在同一个标签组里 <hgroup>原创 2020-07-07 23:36:43 · 278 阅读 · 1 评论 -
html入门简介
1,实体,相当于转义字符常用实体空格  ;大于号 >;小于号 & lt;实体类型大全mdn文档meta简介:用于设置网页源数据常用标签charset:设置网页编码格式例子:< meta charset="UTF-8">name:指定数据的名称,content:指定的数据内容(关键字间用英文逗号隔开),keywords:关键字例子:<meta name="keywords" content="购物"/>解读:在原创 2020-07-07 12:18:57 · 139 阅读 · 0 评论 -
Html-列表-超链接
列表(列表之间可以相互嵌套)列表有三种模式,有序列表,无序列表,自定义列表无序列表<ul> <li></li> <li></li> <li></li></ul>有序列表<ol> <li></li> <li></li> <li></li></ol>自定义列表(一般不用) <dl原创 2020-07-08 00:01:21 · 2398 阅读 · 0 评论