html
关注
分享
扫一扫
天蒙蒙亮
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css设置 图片根据宽或高 等比例缩放
common {}原创 2022-09-05 07:54:39 · 5661 阅读 · 0 评论 -
css3 实现左右布局
.box{ display: flex; justify-content: space-between;//左右平均布局 width:300px; height: 300px; background: pink; } .left ,.right{ background: red; width: 100px; height: 100px; } ————————...转载 2019-10-16 09:31:11 · 644 阅读 · 0 评论 -
HTML图片热区划分 area 的用法
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author&q原创 2018-08-23 17:27:37 · 3735 阅读 · 0 评论 -
滚动内容(区域)
<!DOCTYPE HTML> <html> <!-- ondragstart="return false"禁止图片拖动、复制。青春耗费--> <head> <title>齿计算</title> <meta charset="utf-8" /> <meta name="keyword...原创 2019-04-19 08:06:32 · 656 阅读 · 0 评论 -
响应式网页—— media媒体查询
使用场景： 商品图片列表，由于用户上传的图片宽高度参差不齐， 必须设置容器的固定高度。 为解决设置不同屏幕下，图片容器的固定高度。 实例1：https://www.jianshu.com/p/d4b250b81ce5 在利用媒体查询进行响应式布局开发时，用 js 写了一个动画，但不想让它在小屏幕上显示，这就要对屏幕尺寸进行筛选，那么在 js 中是如何使用媒体查询的呢？ var r...原创 2018-09-07 10:00:16 · 735 阅读 · 0 评论 -
js按回车键聚焦下一个控件。
方式一： 判断 event.keyCode==13 回车行为，下一个控件聚焦。 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"&转载 2018-09-12 11:20:13 · 1994 阅读 · 0 评论 -
实现 div水平、垂直居中的几种方法
转载： https://blog.csdn.net/Take_Dream_as_Horse/article/details/53908504 1、最常用的，也是最简单的(利用position定位、再用margin偏移) <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <tit...转载 2018-09-11 17:12:28 · 995 阅读 · 0 评论 -
html 获取控件值。
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author&q原创 2018-08-28 09:21:15 · 2294 阅读 · 0 评论 -
设置了背景图片，怎么下面有空白，怎么解决？
#container{ background:url(picture/mainpage-1.png); background-repeat: no-repeat; background-size:100%; }原创 2018-08-23 20:35:24 · 4780 阅读 · 0 评论 -
HTML的 table 设计
一、 table 百分比设置：原创 2017-12-12 14:34:27 · 2011 阅读 · 0 评论 -
table 隔行换色
<title>使用JavaScript隔行变色的效果</title> <style type="text/css"> body{font-size:12px; text-align:center } #tbStu{width:300px; border:so...原创 2018-08-22 09:10:52 · 753 阅读 · 0 评论 -
css中，类似这样的::-webkit-scrollbar东西，前面的：：是什么意思？
设置对象被选择时的样式。 属伪类 <style> p::-moz-selection{background:#000;color:#f00;} p::selection{background:#000;color:#f00;} </style> <h1>选中下面的文字，看看它的颜色</h1> <p>你选中这段文字后，看看它们的文本颜色和背...转载 2018-08-18 22:58:27 · 1681 阅读 · 0 评论 -
如何控制 div的滚动条粗细？
原创 2018-08-18 22:50:53 · 8297 阅读 · 0 评论 -
css样式表中的样式覆盖顺序，两个class同时存在会怎样？
有时候在写CSS的过程中，某些限制总是不起作用，这就涉及了CSS样式覆盖的问题，如下 Css代码 #navigator { height: 100%; width: 200; position: absolute; left: 0; border: solid 2 #EEE; } .current_bl...转载 2018-08-08 16:50:30 · 18932 阅读 · 0 评论 -
iframe有哪些优缺点
iframe的优缺点分析 ifrmae元素可以在父文档中插入一个新的HTML文档。了解iframe的工作理然后才能更加有效地使用它，这一点很重要。 <iframe>优点： 解决加载缓慢的第三方内容如图标和广告等的加载问题 Security sandbox 并行加载脚本 <iframe>的缺点： 即时内容为空，加载也需要时间 会阻止页面加载 没有语意 所谓 ifr...原创 2018-07-26 09:51:14 · 1669 阅读 · 0 评论 -
关于display的属性：block和inline-block以及inline的区别
转载 : https://blog.csdn.net/sinat_31311369/article/details/52425317 因为一直被这个很恶心的问题困扰，知道要写博客，所以今天抽个空来集中处理HTML5、CSS3的布局问题。可能哪天回过头来看觉得自己现在很傻比。。。 首先是block和inline的区别，说通俗点block就是让其形成块级元素，而且其前后都会有换行符； ...转载 2018-07-13 16:04:39 · 353 阅读 · 0 评论 -
display: inline、block、inline-block的区别
display:block就是将元素显示为块级元素。 block元素的特点是： 此元素将显示为块级元素，此元素前后会带有换行符。 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 d...转载 2018-07-13 15:46:41 · 472 阅读 · 0 评论 -
less和css区别
如果你没用过，恭喜，这是一个入门级的教程，学会了它，可以为你节省10%的绳命。 首先，我们得知道Less能干什么。如： @width:300px; @fonts:12px bold "宋体,Verdana"; .block-header{ color:#5c5c5c; .elem-title{ font:@fonts; width:@width...转载 2018-07-16 19:31:48 · 40112 阅读 · 2 评论 -
html 表格设计之 补全表格。
如图所示的table/** * Created by jpt on 2018/6/28 0028. */ import React, { Component } from 'react'; import PropTypes from 'prop-types'; import {Form,Row, Col,Card, Table, Checkbox, Button, Select, Radio,...原创 2018-06-30 15:54:41 · 625 阅读 · 0 评论 -
[JS]window.location获取url各项参数详解
[JS]window.location获取url各项参数详解 window.location方法后还还可以带href,search等参数，下面我们来看看获取url各项参数的办法。 URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成： scheme://host:port/path?query#fragment s转载 2018-01-02 09:07:35 · 1006 阅读 · 0 评论 -
CACX CAD设置标注字体、箭头大小。
设置标注字体、箭头大小 1.双击文字或箭头后 2. 然后原创 2017-12-25 14:44:33 · 3065 阅读 · 0 评论