html+css
shenwen5225
这个作者很懒,什么都没留下…
展开
-
jquery日历插件daterangepicker全面详解汇总
引入插件库<script src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script><script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterange原创 2020-06-02 18:06:10 · 6094 阅读 · 0 评论 -
H5开发中需要掌握的基础知识总结
什么是H5开发?有人说H5就是html5,H5开发就是HTML5开发。我以前也是这么认为,后来在一个直播课中听了老师对H5的讲解,感觉比较客观全面。大意义是,H5开发不仅仅是使用 html 和 html5 的技术写一个简单的网页那么简单。而是指前端技术不断发展,到HTML5这个节点的时候,各方面技术已经成熟。所以,就以此节点命名,代表所有的前端技术栈,统称"H5开发"。 H5开发涉及多端领域,...原创 2020-02-18 18:07:14 · 1805 阅读 · 0 评论 -
https证书失效时图片加载问题
如果 <img> 标签载入一个 地址协议是以 https 开头的网络图片时,可能会报错证书失效网络不安全二导致图片加载不出来,这时可以添加一个 <mete> 标签如下:<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">可以理解为向服务器端发送信...原创 2020-01-14 15:47:01 · 1903 阅读 · 0 评论 -
@namespace 规则(命名空间)
@namespace 是用来定义使用在CSS样式表中的XML命名空间的@规则。定义的命名空间可以把通配、元素和属性选择器限制在指定命名空间里的元素。@namespace规则通常在处理包含多个namespaces的文档时才有用,比如HTML5里内联的SVG、MathML或者混合多个词汇表的XML。例如,html 中的超链接标签是 a, SVG中的超链接标签也是 a。当通过标签获取 a 元素或者通...原创 2020-01-09 09:14:12 · 3625 阅读 · 0 评论 -
SVG 文本元素
文章目录text 定义文本tspan 定义分组文本textPath 定义文本路径text 定义文本专有属性:属性描述x,y可选,文本起始位置坐标。dx可选,文本在水平方向上的偏移量。dy可选,文本在垂直方向上的偏移量。text-anchor可选,设置文本对齐方向。可能值是start(默认),middle,end。textLength可选,...原创 2020-01-08 17:55:08 · 233 阅读 · 0 评论 -
SVG 图形元素
文章目录rect 创建一个矩形circle 创建一个圆ellipse 创建一个椭圆line 创建一个直线polygon 创建多边形polyline 创建折线条path 定义一个路径text 定义文本rect 创建一个矩形主要属性:x,y 可选,矩形的左上角的坐标,省略则默认(0,0)。rx 可选,x轴的半径(round元素)。ry 可选,y轴的半径(round元素)。width 必需,...原创 2020-01-07 17:09:01 · 519 阅读 · 0 评论 -
CSS @media 查询
文章目录@media 查询,用于针对不同的媒体类型定义不同的样式。浏览器支持:css语法:@media 媒体类型 and|not|only (媒体功能) { css样式代码 }html中针对不同的媒体使用不同样式:<link rel="stylesheet" media="媒体类型 and|not|only (媒体功能)" href="test.css">媒体类型:...原创 2020-01-06 11:57:38 · 113 阅读 · 0 评论 -
CSS 颜色
1600多万个不同的颜色红,绿,蓝值从0到255的结合,给出了总额超过1600多万不同的颜色(256 × 256 ×256)。现代大多数显示器能够显示至少16384种颜色。灰阶灰阶代表了由最暗到最亮之间不同亮度的层次级别网络安全色很早的时候计算机支持最大256个不同的颜色,一个216"网络安全颜色"列表被建议作为Web标准,保留了40个固定的系统颜色。由rgb值由00 33 66 9...原创 2020-01-03 17:11:42 · 914 阅读 · 0 评论 -
CSS 单位
CSS 有多种不同的单位用于表示长度,例如 10px, 2em等。数字与单位之间不能出现空格。如果长度值为 0,则可以省略单位。有两种类型的长度单位:相对和绝对。相对长度相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。单位描述em相对于当前元素的字体尺寸。一般浏览器字体大小默认为16px,则2em = 32px。rem相对于...原创 2020-01-03 16:00:36 · 105 阅读 · 0 评论 -
CSS 多列属性
文章目录column-countcolumn-gapcolumn-spancolumn-widthcolumnscolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-rule属性说明版本column-count指定元素应该分为的列数CSS3column-gap指定列之间的差距CSS3colum...原创 2020-01-03 11:03:57 · 180 阅读 · 0 评论 -
CSS 分页(print)属性
文章目录原创 2020-01-02 18:48:21 · 1392 阅读 · 0 评论 -
CSS 弹性盒子模型
文章目录flexflex-growflex-shrinkflex-basisflex-flowflex-directionflex-wrap属性说明版本flex复合属性。设置子元素如何分配空间。CSS3flex-grow设置弹性盒子项的扩展比率。CSS3flex-shrink设置弹性盒子项的收缩比率。CSS3flex-basis设置弹性盒子项...原创 2019-12-30 18:49:33 · 325 阅读 · 0 评论 -
CSS 动画
文章目录@keyframesanimationanimation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-directionanimation-fill-modeanimation-play-state属性说明版本@key...原创 2019-12-30 10:53:15 · 141 阅读 · 0 评论 -
CSS 2D/3D转换
文章目录transform属性说明版本transform适用于2D或3D转换的元素CSS3transform-origin允许您更改转化元素位置CSS3transform-style3D空间中的指定如何嵌套元素CSS3perspective指定3D元素是如何查看透视图CSS3perspective-origin指定3D元素底部位置...原创 2019-12-27 18:29:05 · 418 阅读 · 0 评论 -
CSS 过渡
文章目录transitiontransition-propertytransition-durationtransition-timing-functiontransition-delay属性说明版本transition复合属性,可以一次声明所有过渡属性。CSS3transition-property设置用来进行过渡的 CSS 属性。CSS3transi...原创 2019-12-27 15:51:31 · 608 阅读 · 0 评论 -
CSS 列表和表格
文章目录list-stylelist-style-typelist-style-positionlist-style-imageborder-collapse属性说明版本list-style在一个声明中设置所有的列表属性CSS1list-style-type设置列表项标记的类型CSS1list-style-position设置列表项标记的放置位置CS...原创 2019-12-27 11:51:38 · 161 阅读 · 0 评论 -
CSS 定位
文章目录displayvisibilityfloatclearpositionleftrighttopbottomz-indexclip属性描述版本display规定元素应该生成的框的类型CSS1visibility规定元素是否可见CSS2float规定框是否应该浮动CSS1clear清除浮动CSS1position规定元素的定位类...原创 2019-12-26 18:57:56 · 253 阅读 · 0 评论 -
CSS 其他属性
文章目录属性描述版本cursor规定要显示的光标的类型(形状)CSS2opacity设置一个元素的透明度级别CSS3content与 :before 以及 :after 伪元素配合使用,来插入生成内容CSS2counter-increment递增或递减一个或多个计数器CSS2counter-reset创建或重置一个或多个计数器CS...原创 2019-12-26 09:26:47 · 360 阅读 · 0 评论 -
CSS 盒子和内外边距
文章目录paddingpadding-bottompadding-leftpadding-rightpadding-topmarginmargin-bottommargin-leftmargin-rightmargin-top属性描述版本padding在一个声明中设置所有内边距属性CSS1padding-bottom设置元素的下内边距CSS1paddin...原创 2019-12-25 18:30:08 · 583 阅读 · 0 评论 -
CSS 边框和轮廓
文章目录borderborder-colorborder-styleborder-widthborder-方位border-方位-类型outlineoutline-coloroutline-styleoutline-widthborder-radiusborder-top-left-radiusborder-top-right-radiusborder-bottom-left-radiusbord...原创 2019-12-25 18:00:53 · 451 阅读 · 0 评论 -
cssUI组件01
switch 开关<style> .switch{ float: left; margin-right: 30px; } .switch_inp{ display: none; } .switch_btn{ position:relative; display: block; width:40px; height...原创 2019-12-24 17:16:40 · 120 阅读 · 0 评论 -
CSS 函数使用
文章目录attr()var()calc()cubic-bezier()hsl()hsla()函数描述版本attr()返回选择元素的属性值。CSS2var()用于插入自定义的属性值。CSS3calc()允许计算 CSS 的属性值,比如动态计算长度值。CSS3cubic-bezier()定义了一个贝塞尔曲线(Cubic Bezier)。CSS3...原创 2019-12-24 14:22:55 · 251 阅读 · 0 评论 -
CSS 背景
文章目录background-colorbackground属性描述版本background-color背景颜色。CSS1background-image背景图像。CSS1background-position背景图像位置。CSS1background-size背景图像的尺寸大小。CSS3background-repeat背景图像如...原创 2019-12-24 11:28:42 · 1623 阅读 · 0 评论 -
CSS 文本样式
CSS 文本样式 [TOCM]关于浏览器支持:若未特别标明则主流浏览器都支持,其中以作为重点关注(IE8以下不考虑)。属性描述版本color设置文本的颜色CSS1direction规定文本的方向/书写方向CSS2unicode-bidi配合 direction 属性使用设置文本方向CSS2text-align规定文本的水平对齐方式CSS...原创 2019-12-23 22:09:52 · 139 阅读 · 0 评论 -
CSS 关键词
CSS 关键词文章目录CSS 关键词全局属性值 initial,inherit,unset全局属性值 initial,inherit,unsetinitialinitial 关键字用于设置 CSS 属性值为它的默认值。可用于任何 HTML 元素上的任何 CSS 属性。div{ font-style:initial; font-size: initial;}/*等同如下设置:*/...原创 2019-12-23 15:18:17 · 321 阅读 · 0 评论 -
CSS 字体样式
CSS 字体样式属性描述版本font在一个声明中设置所有字体属性CSS1font-style规定文本的字体样式CSS1font-variant规定是否以小型大写字母的字体显示文本CSS1font-weight规定字体的粗细CSS1font-size规定文本的字体尺寸CSS1font-family规定文本的字体系列CSS1...原创 2019-12-23 11:12:50 · 182 阅读 · 0 评论 -
CSS 选择器
CSS 选择器文章目录CSS 选择器基本选择器层次选择器属性选择器伪类选择器伪元素选择器CSS3 选择器总览关于浏览器支持:若未特别标明则主流浏览器都支持,其中以IE作为重点关注(IE8以下不考虑)。选择器例子例子描述版本.class.a选择 class=“a” 的所有元素CSS1#id#box选择 id=“box” 的元素CSS1**...原创 2019-12-20 17:11:23 · 169 阅读 · 0 评论