html/css
关注
分享
扫一扫
绿叶清风
这个作者很懒，什么都没留下…
展开
-
css属性在线查询
css在线查询网站：https://www.techbrood.com/cssref原创 2023-05-31 10:51:57 · 477 阅读 · 0 评论 -
css常用属性
css常用属性原创 2022-07-02 15:29:59 · 279 阅读 · 0 评论 -
html5通过js实时获取麦克风音量
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=原创 2021-11-05 17:46:07 · 4674 阅读 · 5 评论 -
echart曲线图从右往左显示，每屏显示固定的十条数据，其他的数据滚动显示
测试地址测试代码let base = +new Date(2016, 9, 3);let oneDay = 24 * 3600 * 1000;let valueBase = Math.random() * 300;let data = [];for (var i = 1; i < 100; i++) { var now = new Date((base += oneDay)); var dayStr = [now.getFullYear(), now.getMonth() + .原创 2021-09-23 16:48:50 · 2319 阅读 · 1 评论 -
flex布局属性演示
https://coding.imweb.io/demo/flex/index.htmlhttps://blog.csdn.net/Allenyhy/article/details/81605547原创 2021-07-07 17:52:56 · 744 阅读 · 0 评论 -
html5九宫格布局
要点：用百分比指定li的宽度，如：30%li左浮动<!DOCTYPE html><html><head> <title>html5响应式九宫格</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=d.原创 2021-07-03 15:19:59 · 1560 阅读 · 0 评论 -
Html底部对齐(页脚)
要点：父元素高度固定、且相对定义子元素采用绝对定位 ，且bottom为0<!DOCTYPE html><html><head> <title>Listening to DOM events</title> <style type="text/css"> .box1 { border: 1px #cccccc solid; width: .原创 2021-06-28 21:23:46 · 2323 阅读 · 0 评论 -
html css学习笔记-多列
.div1{ -webkit-column-gap: 30px; -moz-column-gap:30px ; column-gap: 30px; -webkit-column-count: 4; -moz-column-count:4 ;原创 2015-05-16 20:39:22 · 675 阅读 · 0 评论 -
html css学习笔记-响应式布局的两种基本实现
html /**/ @media screen and (min-width: 640px){ body{ background-color: red; } } <!-- 响应原创 2015-05-16 21:21:30 · 844 阅读 · 0 评论 -
html5学习笔记
html5:html5新特性：1,用于绘图的canvas标签2，用于媒介回放的video和audio元素3,对本地离线存储的更好支持4，新的特殊内容元素：如article,footer,header,nav,section5,新的表单控件;如:calendar date time eamil url search6,浏览器的支持，safai,chrome,firfox.原创 2015-05-14 00:23:21 · 685 阅读 · 0 评论 -
前端开发面试题及答案
本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使转载 2016-04-11 17:03:09 · 12553 阅读 · 0 评论 -
html 当前页面点击链接跳转到当前页面页面的某个位置
通过 href="#id"的方式可以直接跳转到该页面的某个位置，直接上代码： div1 div2 div3 div4 div512345原创 2016-08-10 10:31:40 · 29889 阅读 · 0 评论 -
bootstrap学习笔记
笔记点击打开链接原创 2018-04-01 19:56:50 · 238 阅读 · 0 评论 -
html css学习笔记-2d 3d动画的转换
div{ width: 100px; height: 100px; background-color: green; } /*移动效果*/ /*.div2{*/ /*x,y移动100*/ /*transform:translate(原创 2015-05-16 20:29:03 · 1098 阅读 · 0 评论 -
html css学习笔记-过渡，动画
.div1{ width: 100px; height: 100px; background-color: blue; /*高宽各2s,旋转*/ /*不同的浏览器*/ -webkit-transition: width 2s,height 2s,t原创 2015-05-16 11:37:13 · 770 阅读 · 0 评论 -
html css学习笔记-图片操作实例
body{ /*内容居中*/ margin: 10px auto; width: 70%; height: auto; background-color: darkgoldenrod; } .image{ b原创 2015-05-16 11:11:40 · 753 阅读 · 0 评论 -
css选择器分类
最近在研究jQuery的选择器，大家知道jQuery的选择器和css的选择器非常相似，所以整理一下css选择器；css1-css3提供非常丰富的选择器，但是由于某些选择器被各个浏览器支持的情况不一样，所以很多选择器在实际css开发中很少用到。1.基础的选择器选择器含义示例*通用元素选择器，匹配任何元素原创 2015-05-09 14:34:30 · 590 阅读 · 0 评论 -
css display
DIV CSS display (block none inline)属性的用法在一般的CSS布局制作时候，我们常常会用到display对应值有block、none、inline这三个值。下面我们来分别来认识和学习什么时候用什么值。这里通过CSS display知识加实例、图演示讲解方法来学习和了解DIV CSS display。目录CSS display使转载 2015-05-09 22:43:51 · 602 阅读 · 0 评论 -
css继承性
继承性：在CSS中当在某个元素中定义了某个属性值时，其包含的各种元素都会使用这个值，不是所有的CSS属性都会具有继承性，合理的使用CSS的各种继承性，可以更方便的对各种效果进行控制。 [html] view plaincopy> html> head> title> New Document title>原创 2015-05-09 14:59:09 · 579 阅读 · 0 评论 -
HTML中ul,ol,li,dl,dt,dd标签
ul: unordered lists ol: ordered lists li: Listsol 有序列表。……………… 表现为：1……2……3…… ul 无序列表，表现为li前面是大圆点而不是123………… 很多人容易忽略 dl dt dd的用法 dl 内容块 dt 内容块的标题 dd 内容 可以这么写：转载 2015-05-09 22:47:38 · 618 阅读 · 0 评论 -
html css隐藏input的file特性
.selectbtn .s2 { left: 0; overflow: hidden; top: 6px; } .selectbtn .s1, .selectbtn .s2 { // background: url("../images/scbg.png") no-repe原创 2015-05-13 14:04:53 · 4748 阅读 · 0 评论 -
html css学习笔记-定位
/*#position1{*/ /*background-color: palegoldenrod;*/ /*width: 100px;*/ /*height: 100px;*/ /*position: relative;*/ /*left: 30px;*/原创 2015-05-15 23:44:23 · 604 阅读 · 0 评论 -
html css学习笔记-浮动
#fd{ width: 50px; height: 50px; background-color: #FF0000; /*指定了浮动，不再占有页面的位置，如果后面不浮动，会被后面的元素挡住*/ float: left; } #sd{原创 2015-05-15 23:55:57 · 760 阅读 · 0 评论 -
html css学习笔记-href 表格 字体 轮郭
/*引入字体，将字体上传到服务器，用户打开的时候，会自动下载字体*/ @font-face { font-family: ; src: url(); } a:link{ color: #fff342; background-color: ghostwhit原创 2015-05-15 22:58:22 · 952 阅读 · 0 评论 -
html css学习笔记-派生选择器 id选择器 类选择
/**/ li strong{ color: red;; } /*已经定义过的strong不会爱到影响 ; 并不会影响了li在颜色*/ strong{ color:deeppink; } #textp{ color: lightbl原创 2015-05-15 23:22:39 · 2809 阅读 · 0 评论 -
html css学习笔记-背景与文字
body{background-color: greenyellow;background-image: url("aa.img");} p{background-color:yellow;padding: 10px; }/*padding可以加宽*/ <!--css3允许应用纯色作为背景，也允许使用背景图片做为背景background-image:url();原创 2015-05-15 22:35:46 · 753 阅读 · 0 评论 -
html css学习笔记-详解各种选择器
.p1{color: blue} .p2{font-size: 30px;} .p3{font-size: 40px;} /*多类选择器*/ .p1.p2{ background-color: red; } #divid{ }原创 2015-05-16 10:04:49 · 710 阅读 · 0 评论 -
html css学习笔记-对齐 尺寸 分类
*{margin: 0px;padding: 0px;} /*.div{*/ /*width: 70%;*/ /*height:1000px ;*/ /*background-color: palegreen;*/ /*居中*/ /*margin-left: auto原创 2015-05-16 10:31:28 · 700 阅读 · 0 评论 -
html css学习笔记-水平与垂直导航
/*ul{*/ /*list-style-type: none;*/ /*margin: 0px;*/ /*padding: 0px;*/ /*}*/ /*去掉下划线*/ /*a:link,a:visited{*/ /*text-decora原创 2015-05-16 10:50:03 · 1240 阅读 · 0 评论 -
css优先级计算法则
一、什么是CSS优先级？所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。当同一个元素（或内容）被多个CSS选择符选中时，就要按照优先权取舍不同的CSS规则。二、为什么要研究CSS优先级？CSS优先级与门户系统有什么关系？研究CSS优先级的主要目的就是解决多个CSS选择符选中同一个元素时的冲突问题。在门户系统中，为了保证所有的页面能正常展示，几乎所有的微件及页面都有基础CS原创 2015-05-09 11:41:57 · 699 阅读 · 0 评论