Css(Html)
文章平均质量分 70
Css(Html)
夏已微凉、
这个作者很懒,什么都没留下…
展开
-
html2canvas生成的图片偏移不完整的解决方法
【代码】html2canvas生成的图片偏移不完整的解决方法。转载 2023-03-18 21:20:35 · 2370 阅读 · 0 评论 -
网站地图siteMap实现:原样输出、循环渲染、递归渲染
网站地图siteMap实现:原样输出、循环渲染、递归渲染原创 2022-10-24 11:25:00 · 147 阅读 · 0 评论 -
Uncaught DOMException Document.querySelector ‘#1‘ is not a valid selector
一、分析二、原因三、解决四、代码一、分析报错翻译:未捕获的DomeException文档。查询选择器“#1”不是有效的选择器 代码执行时代码执行1秒后二、原因HTML中的ID不能以数字开头图1图2三、解决按照ID的设置规则,不以数字开头就好了四、代码<!DOCTYPE html><html> <head> <title>这是标题</title> </h.原创 2022-05-04 16:11:08 · 1472 阅读 · 0 评论 -
如何用JS跳转到页面中的指定ID(元素)
一、a标签跳转二、scrollIntoView跳转1、语法2、语法参数3、Demo一、a标签跳转直接a标签跳转,显得有点太生硬;加上css,实现页面平滑滚动。<!DOCTYPE html><html> <head> <title>a-Demo</title> </head> <style> /* bar超出屏幕,显示在屏幕最上方 */ .bar { position:fixed; .原创 2022-05-04 16:03:05 · 4924 阅读 · 1 评论 -
css淡入淡出效果
一、效果二、代码一、效果二、代码<!DOCTYPE html><html><head><meta charset="UTF-8"><title>css淡入淡出效果</title><style>.fadenum1{ background-color: green; width: 150px; height: 150px; animation:fadenum12 5s 1;}@ke.原创 2022-02-01 18:25:29 · 13087 阅读 · 1 评论 -
css文字渐变效果
一、效果二、代码一、效果二、代码<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title>css文字渐变效果</title> </head> <body> <div style="height: 300px; width: 300px;">.原创 2020-12-17 11:40:32 · 506 阅读 · 0 评论 -
Css实现页面元素置顶时悬浮
一、描述二、思路三、解决四、代码一、描述当页面的标题不在页面显示时,把标题固定在页面顶部。二、思路通过比较元素距离窗口顶部的距离,Y轴滚动条距离窗口顶部的距离,来设置标题的样式;如果数据足够多,就不会有问题;问题重现,【 浏览器:火狐浏览器,分辨率:500 * 500】。如下图,你会发现Y轴滚不到最下面。三、解决不用Js计算距离,直接通过Css样式设置。请打开以下代码<style>标签里的内容,注释titleTop()方法。四、代码<html>.原创 2020-10-24 14:10:06 · 2147 阅读 · 0 评论 -
前端代码在线调试
jsbin.comjsfiddle.netcodepen.iojqueryfunsrunoobjq22jsbin.comjsbin.comjsfiddle.netjsfiddle.net网站打不开,暂无图片codepen.iocodepen.iojqueryfunsjqueryfunsrunoobrunoobjq22jq22原创 2020-10-21 10:01:51 · 305 阅读 · 1 评论 -
一款好用的取色工具TakeColor.exe
一款好用的取色工具TakeColor.exe1、简介:TakeColor,一款还算好用的取色软件,一个很小很简洁的exe文件,无需安装2、使用:打开exe文件后,使用“Alt + C” 组合键即可在鼠标悬停的位置上获取到颜色值,可以获取HTML、RGB等颜色表示形式3、下载链接:TakeColor.zip ...转载 2020-09-25 10:47:25 · 15342 阅读 · 5 评论 -
CSS五种样式来源
一、描述二、内容1、浏览器默认样式表2、用户样式表3、引用的css文件4、style中编写的样式代码5、一、描述如图:css的样式来源有5个,开发人员只能接触到前面3个。二、内容1、浏览器默认样式表当你不为html设置任何样式时,显示在浏览器上,b标签会显示粗体、p有纵向margin、h1字号比p大一倍……这是为什么呢?因为浏览器自带一个默认的样式,如果html中没有为标签设置样式,则浏览器会按照自己的样式来显示。但是浏览器默认样式的级别是最低的,一旦有其他地方设置了标签样式,浏览器默认.转载 2020-09-09 14:21:13 · 675 阅读 · 0 评论 -
css-3d旋转相册
css-3d旋转相册1、转载地址:程序员女朋友的相册是这样的2、效果3、代码(复制可用)<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>css-3d旋转相册</title> <style...转载 2020-05-12 16:29:08 · 772 阅读 · 1 评论 -
Css绝对定位position
Css绝对定位positionCss绝对定位position1、使用条件通常是父级定义position:relative定位,子级定义position:absolute绝对定位属性,并且子级使用left或right和top或bottom进行绝对定位。2、如下div#in_1{ position:...原创 2020-04-16 12:02:26 · 244 阅读 · 0 评论 -
图片旋转360°
图片旋转360°1、效果2、代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> ...原创 2020-03-06 17:37:29 · 289 阅读 · 0 评论 -
placeholder中实现换行
placeholder中实现换行1、效果2、代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <tit...原创 2020-01-04 16:09:43 · 1192 阅读 · 0 评论 -
HTML表格(课程表)
HTML表格(课程表)<html> <head> <title>课程表</title> <style> /*表格样式*/ table {width:90%;back...原创 2019-01-29 16:02:30 · 2659 阅读 · 0 评论 -
HTML 纯数字或字母 超出div容器,如果是文字则可正常自动折行
HTML 纯数字或字母 超出div容器,如果是文字则可正常自动折行如下图:如果我在数据库中添加纯数字会这样超出Div容器!但如果我数据库中是文字中文汉字,就会自动折行。代码:<style>.divClass{ width:90px; border:1px solid red; mar...原创 2019-03-10 20:08:10 · 2380 阅读 · 0 评论 -
输入框样式美化
输入框样式美化1、效果:2、代码:<html> <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></scr...原创 2019-04-06 11:14:22 · 4230 阅读 · 0 评论 -
CSS从大图片上截取小图标的使用
CSS从大图片上截取小图标的使用1、原图2、代码<style>.icon { display: inline-block; width: 84px; height: 84px; background: url(timg.j...原创 2019-04-27 11:14:00 · 988 阅读 · 0 评论 -
Css简介
Css简介1、参考地址:https://www.runoob.com/html/html-css.html2、如何使用 CSS。 CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的。 ...转载 2019-04-30 22:10:57 · 101 阅读 · 0 评论 -
HTML 区块、内联元素
HTML 区块、内联元素1、参考地址:https://www.runoob.com/html/html-blocks.html2、<div> 和 <span> HTML 可以通过 <div> 和 <...转载 2019-04-30 22:17:05 · 435 阅读 · 0 评论 -
HTML5 拖放(Drag 和 Drop)
HTML5 拖放(Drag 和 Drop)一、参考地址:https://www.runoob.com/html/html5-draganddrop.html二、实例<!DOCTYPE HTML><html><h...转载 2019-04-30 22:33:15 · 1037 阅读 · 0 评论 -
HTML5 Geolocation(地理定位)
HTML5 Geolocation(地理定位)1、参考地址:https://www.runoob.com/html/html5-geolocation.html2、定位用户的位置 HTML5 Geolocation API 用于获得用户的地理位...转载 2019-04-30 22:45:01 · 400 阅读 · 0 评论 -
简单的表格展开
简单的表格展开1、效果2、代码<!DOCTYPE html><html lang="zh-CN"> <head> <title>简单的表格展开</title> <s...原创 2019-05-18 00:07:35 · 620 阅读 · 0 评论 -
CSS样式大全(转)
CSS样式大全(转) 1、字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不...转载 2018-07-12 10:04:42 · 1222 阅读 · 1 评论