HTML与css
文章平均质量分 52
# HTML基础知识
熟悉的新风景
我还是喜欢呢个高中时候的自己
展开
-
hbuilder 格式化样式修改
【代码】hbuilder 格式化样式修改。原创 2024-04-24 20:06:34 · 527 阅读 · 0 评论 -
侧边栏左右拖拽
侧边栏左右拖拽原创 2022-09-19 20:25:03 · 381 阅读 · 0 评论 -
css之input时间控件精确到时分秒
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title> 表单控件状态</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://cdn.staticfile.org/t原创 2021-01-12 21:17:48 · 3064 阅读 · 2 评论 -
datatable基本使用
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>AdminLTE 3 | DataTables</title> <!-- Google Font: Source Sans.原创 2020-12-08 11:52:23 · 761 阅读 · 0 评论 -
datatable自定义搜索和导出按钮并解决在后端分页无法导出全部数据的问题
为了方便使用,即使是不懂datatable的人也能上手使用,所以还是自定义的好,按钮和搜索直接和往常一样根据html中定义按钮:分了两种,有一个特殊的类型colvis和普通的按钮colvis (".colvis").html((".colvis").html((".colvis").html(("#example_wrapper .buttons-colvis")); 直接写入dom元素普通导出按钮;在datatable写出按钮并在页面上显示自定义按钮,属性名data-type的值就是原创 2020-12-06 02:16:53 · 1093 阅读 · 0 评论 -
adminlte中datatable中自定义搜索和导出按钮
为了方便使用,即使是不懂datatable的人也能上手使用,所以还是自定义的好,这里就制作了一下按钮:分了两种,有一个特殊的类型colvis和普通的按钮colvis (".colvis").html((".colvis").html((".colvis").html(("#example_wrapper .buttons-colvis")); 直接写入dom元素普通导出按钮;在datatable写出按钮并在页面上显示自定义按钮,属性名data-type的值就是按钮的extend值点击原创 2020-12-06 01:13:11 · 1518 阅读 · 0 评论 -
datatable导出按钮(excel)的设计(官方非自定义)
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>1151s</title> <!-- Google Font: Source Sans Pro --> <.原创 2020-12-06 01:23:06 · 941 阅读 · 0 评论 -
datatable自定义表单或者导出excel按钮,搜索
完整版第一版,修改位置<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>AdminLTE 3 | DataTables</title> <!-- Google Font原创 2020-12-04 23:06:50 · 512 阅读 · 0 评论 -
adminlte中数据表格datatable.js中的完整使用方法小案例
想必做过后端的人对数据表格都很熟系,可以说不可缺少,今天就给大家介绍一下用,基本用法,请复制第一个php和js文件,直接复制就可以使用,后面还有一个完整的,但是有的外部链接没找到,所以先和大家说一下最基本的表格,好了,请复制下看效果吧<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=de原创 2020-12-04 14:07:23 · 3472 阅读 · 2 评论 -
iframe高度自适应并配合a标签实现在一个页面中显示不同的界面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <a href="./demo2.html"原创 2020-11-10 13:25:50 · 284 阅读 · 1 评论 -
元素js实现瀑布流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>瀑布原创 2020-09-09 22:48:33 · 175 阅读 · 0 评论 -
css之限制文本行数,超出部分显示 “...“
.name{ flex: 5; padding: 0 10rpx; // 限制行数 display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }原创 2020-09-01 10:59:19 · 520 阅读 · 0 评论 -
html之使用recoder进行录音并上传到数据库--基础代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head> <body> <!-- 先加载j原创 2020-07-30 10:44:34 · 1224 阅读 · 0 评论 -
layui实现后台表格数据显示--学生管理系统(layui搜索,删除,批量删除,增加,修改,php接口后台)
需要源码的话评论一下谢谢## data,html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"原创 2020-05-17 22:24:18 · 2805 阅读 · 17 评论 -
html基础之css实现三角形或者箭头
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...转载 2020-02-24 12:38:25 · 980 阅读 · 0 评论 -
html之css关于引入样式的优先级
结论: !important>内联样式>内部样式>外部样式引入css样式的方法行内式(内联,内嵌) <p style=“font-size:24px;”></p>内部样式表 <style type="text/css"> h3{color:red;} </style>外部样式表CSS代码保存在扩展...原创 2019-12-17 09:02:08 · 1465 阅读 · 0 评论 -
html基础之select ,datalist与details的异同
异同点异同点selectdatalist多选可以不可以缺失值可以不可以查找不可以可以增添选项不可以可以使用方法select=》optgroup可以不用添加,直接使用option也是可以的需要注意的值,option在select中,option使用value不显示,在datalist中会显示<!-- 第一种书写方式 --&g...原创 2019-11-30 15:09:54 · 860 阅读 · 0 评论 -
html基础之input属性
无论在php还是javascript中,发现input属性相当关键,现在整理一下,因为添加了不少新属性,我也一并写上去了1、清除 input 标签默认样式input { /* 去除边框 */ border: none; /* outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 */ /* 即点击输入框时出现的蓝色边框 *...原创 2019-11-29 20:23:20 · 543 阅读 · 0 评论 -
html基礎之渐变属性(斑马线)
本篇简单的介绍一下渐变属性,因为最近用到比较多渐变属性分为两个:线性渐变和径向渐变,下面简单的介绍一下线性渐变background-image:linear-gradient(渐变角度,颜色值1 n%,颜色值2 n%…);起始颜色会沿一条直线过渡到结束色,各颜色之间用“,”隔开。每个颜色值后可以加一个百分比数值,用以标明颜色渐变的位置 (可不写)渐变角度 :指水平线和渐变线之间...原创 2019-10-13 18:22:14 · 1073 阅读 · 0 评论 -
HTML 变形(transform)、转换(transition)和动画(animation)
一、变形Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。 transform: rotate | scale | skew | translate |matrix;我们同时对一个元素进行transform的多种属性操作,例如rotate、scale...原创 2019-08-18 16:54:36 · 12867 阅读 · 2 评论 -
HTML表格(table)属性--左右(colspan)、上下(rowspan)合并、合并边框、位置 部分内容
border-collapse: collapse; rowspan="2" colspan="2"<html> <head> <meta charset="utf-8"> <title>商务风格表格的设计与实现</title> <style> /*设置表格总体样式*/ #rec...原创 2019-08-09 13:23:09 · 12333 阅读 · 0 评论 -
js 音乐播放器(audio属性及其使用方法)
视频解码器 H.264 Throra VP8音频解码器 AAC MP3 Ogg1.音频标准audio 元素支持三种音频格式:ogg、mp3、wav-IE9-Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0Ogg Vorbis-√√√-MP3√--√√...原创 2019-08-16 21:40:15 · 19871 阅读 · 2 评论 -
html视频播放器(video)
视频解码器 H.264 Throra VP8音频解码器 AAC MP3 Ogg1.视频标准 video 不支持 IE8及以下版本浏览器,支持三种视频格式:MP4,WebM 和 Ogg相关属性和音频猜不多,不重复 https://blog.csdn.net/weixin_44797182/article/details/99685567、当然还有一些不同的。如下2.视频属性2.1、 ...原创 2019-08-16 22:38:16 · 5400 阅读 · 0 评论 -
html 火焰文字效果 霓虹文字效果(text-shadow)
shadow 阴影; 影子; 有两个应用text-shadow有四个属性值描述h-shadow必需。水平阴影的位置。允许负值。v-shadow必需。垂直阴影的位置。允许负值。blur可选。模糊的距离。color可选。阴影的颜色。box-shadow有六个属性值描述h-shadow必需。水平阴影的位置。允许负值。v...原创 2019-08-17 23:13:26 · 3267 阅读 · 0 评论 -
html基础之弹性布局(dispaly :flex)
本文直接介绍一些属性,需要注意什么等等类似的不在介绍,知识点导航父元素属性flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content子元素属性orderflex-growflex-shrinkflex-basicflex使用之前需在父元素设置“display:flex”话不多说...原创 2019-09-30 17:07:36 · 3616 阅读 · 2 评论 -
html基础之背景属性
今天突发奇想,复习一下css相关属性,并做一下笔记,因为是复习就不详细介绍,只是以例子简单介绍一下用法属性描述background在一个声明中设置所有的背景属性。background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。background-color设置元素的背景颜色。background-image设置元素的背景图...原创 2019-10-08 10:38:40 · 1346 阅读 · 0 评论