随笔分类 - html/css
摘要：什么是 DOM ? DOM(文档对象模型)是针对于xml但是扩展用于html的应用程序编程接口，定义了访问和操作html的文档的标准。 W3C文档对象模型是中立于平台和语言之间的接口，它允许程序和脚本动态的访问和更新文档的内容、结构、样式。总之HTML是关于如何获取、修改、添加和删除HTML元素的标
阅读全文
posted @ 2020-10-02 13:49
笑人
摘要：瀑布流 又称瀑布流式布局，是比较流行的一种网站页面布局方式。即多行等宽元素排列，后面的元素依次添加到其后，等宽不等高，根据图片原比例缩放直至宽度达到我们的要求，依次按照规则放入指定位置。 为什么使用瀑布流 瀑布流布局在我们现在的前端页面中经常会用的到，它可以有效的降低页面的复杂度，节省很多的空间，对
阅读全文
posted @ 2020-10-02 13:48
笑人
摘要：在html标签中定义属性，需要时可以读取属性的值，这类属性称为数据属性 定义数据属性 命名规则是data-<属性名称> 例如 <div id="message" data-text="hello,world" ></div> <button onclick="read()">submit</butt
阅读全文
posted @ 2020-10-02 13:47
笑人
摘要：1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着水平居中的，设置足够的宽度，然后把左边的往左位移100%就可以了，父级记得超出隐藏。 具体实现如下 html结
阅读全文
posted @ 2020-10-02 13:46
笑人
摘要：1.概述 Web服务，即通过程序实现网页服务，服务启动后，一般用户可通过访问URL获取到网站提供的网页服务，如网页浏览、留言、商品购买等。开发Web服务的技术有很多，有Java、Python、ASP.NET、脚本语言等，其中常用的脚本语言有ASP、ASPX、jsP、php。下面对这些Web服务开发技
阅读全文
posted @ 2020-10-02 13:44
笑人
摘要：html代码： <div> <div>固定宽度</div> <div>自适应区域</div> </div> 1.浮动+margin 第一种： 左侧栏固定宽度向左浮动，右侧主要内容则用margin-left留出左侧栏的宽度，默认宽度为auto，自动填满剩下的宽度。 .left{ float: left
阅读全文
posted @ 2020-10-02 13:43
笑人
摘要：创建一个 css 线性渐变 html元素的背景色并不局限于单色。css还提供了颜色过渡，也就是渐变。可以通过background里面的linear-gradient()来实现线性渐变，下面是它的语法： background:linear-gradient(gradient_direction,颜色1
阅读全文
posted @ 2020-10-02 13:42
笑人
摘要：在一个页面中，有许多的控件(元素或标签)。为了更方便的操作这些标签，就需要给这些标签标识一个身份牌。在html中有name、id、class等属性区分一个元素，下面我们就来看一下这几种属性的区别。 1. name 指定标签的名称。 1.1 格式 <input type="text" name="us
阅读全文
posted @ 2020-10-02 13:38
笑人
摘要：css可以通过一些选择器来实现选择父元素下某个元素的效果。 选择器有： :first-child p:first-child(first第一个 child子元素)(找第一个子元素为p) :last-child p:last-child(last倒数 child子元素)(找倒数第一个子元素为p) :f
阅读全文
posted @ 2020-10-02 13:37
笑人
摘要：css权重是由四个数值决定，看一张图比较好解释： 图里是英文的，我翻译过来分别说一下，4个等级的定义如下： 第一等：内联样式，如：，权值为1000.（该方法会造成css难以管理，所以不推荐使用） 第二等：ID选择器，如：#header，权值为0100. 第三等：类、伪类、属性选择器如：.bar， 权
阅读全文
posted @ 2020-10-02 13:36
笑人
摘要：我们在写asp页面的时候，常常使用include命令来包含公共文件。由于这个方法用起来非常方便，于是很多人在html页面里尝试使用include，但是发现根本就不起作用。这是因为，include是VBScript的命令，因此可以在asp页面里使用。而html静态页面被调用的时候并不经过asp解释器，
阅读全文
摘要：这个应该是已经有很多人做过的东西，我应该只是算手痒，想写一下，所以，花了点时间折腾了这个，顺便把 Dark Mode 的处理也加上了。 首先可以很明确的一点，这个真没技术含量存在，只是需要点耐心。 LED 数字包含了左右各两条线，中间三条线，一共 7 条线。所以，为了能够更容易辨识，在写 demo
阅读全文
posted @ 2020-10-02 13:27
笑人
摘要：其实与web相关的书籍还是很多的，因为web的领域就是比较广的，因为有过web开发经验的都知道，web，就开发语言就有php，jsp，asp，.net等多种语言，那么这些语言对应的后台开发就有对应的书籍，所以今天小编就主要推荐与web基础相关的书籍。因为相比之下web前端还是比较轻松入门的。 htm
阅读全文
摘要：1.Animista 网站地址:http://animista.net/网站描述:在线生成 css 动画 Animista是一个在线动画生成器，同时也是一个动画库，它为我们提供了以下功能 1. 选择不同的动画 我们可以选择想要的动画类型（例如entrance/exist），除了可以选择某个动画（例如
阅读全文
摘要：自我进入这个行业，我就发现开发人员一直在努力征服css。 理由也很充分，开发人员是用逻辑思考的生物。添加一个div元素导致所有代码都不得不往下移一行，而另一个div“浮”到左侧，感觉没有任何意义。 你也一定听到过开发人员的抱怨： “我们只需要向左边移动五个像素，但是…天哪！为什么整个都向下移动了一行
阅读全文
摘要：1. 如果希望元素不可见，同时不占据空间，辅助设备无法访问，同时不渲染，可以使用 <script> 标签隐藏 <script type="text/html"> <img src="1.jpg"> </script> 此时，图片 1.jpg 是不会有请求的。<script> 标签是不支持嵌套的 如果
阅读全文
摘要：前言： 前端时间也是应项目的需求开始了h5移动端的折腾之旅，在目前中台的基础上扩展了两个ToC移动端项目，下面就是在h5移动端表单页面键盘弹出收起兼容性的一些总结。 问题 在 h5 项目中，我们会经常遇到一些表单页面，在输入框获取焦点时，会自动触发键盘弹起，而键盘弹出在 IOS 与 Android
阅读全文
摘要：关键字 meta（标签）及 Keywords（关键词），曾经在网页中很重要的，但现在已经被很多搜索引擎完全忽略。但是，如果加上这个标签也对网页的综合表现没有坏处，不过，如果使用不恰当的话，对网页非但没有好处，还有欺诈的嫌疑。 <meta name="keywords" content="若梦,ech
阅读全文
摘要：问题1： 通过document.addEventListener("scroll",function(){})对页面滚动监听事件进行监听，但ios下$(document).scrollTop()值始终为0，对页面监听无效。 原因： 因为iOS下iframe的高度会根据页面的内容自适应，造成了ifra
阅读全文
摘要：当前我们使用scss变量有两个痛点： 需要手动导入 无法与js建立联系或者很难，后续不能在此基础上做一些骚操作 为了解决这两个问题，我们以创建js文件以json格式定义scss变量，然后通过配置webpack的解析规则来达到即能像普通scss一样使用，又能作为js变量使用的目的。 豌豆资源搜索网站h
阅读全文
浙公网安备 33010602011771号