![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
天蒙蒙亮
这个作者很懒,什么都没留下…
展开
-
css设置 图片根据宽或高 等比例缩放
common {}原创 2022-09-05 07:54:39 · 5005 阅读 · 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 · 569 阅读 · 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 · 2194 阅读 · 0 评论 -
实现 div水平、垂直居中的几种方法
转载: https://blog.csdn.net/Take_Dream_as_Horse/article/details/539085041、最常用的,也是最简单的(利用position定位、再用margin偏移)<!DOCTYPE html><html><head> <meta charset="utf-8"/> <tit...转载 2018-09-11 17:12:28 · 901 阅读 · 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 · 1815 阅读 · 0 评论 -
响应式网页—— media媒体查询
使用场景: 商品图片列表,由于用户上传的图片宽高度参差不齐, 必须设置容器的固定高度。为解决设置不同屏幕下,图片容器的固定高度。实例1:https://www.jianshu.com/p/d4b250b81ce5在利用媒体查询进行响应式布局开发时,用 js 写了一个动画,但不想让它在小屏幕上显示,这就要对屏幕尺寸进行筛选,那么在 js 中是如何使用媒体查询的呢? var r...原创 2018-09-07 10:00:16 · 645 阅读 · 0 评论 -
滚动内容(区域)
<!DOCTYPE HTML><html><!-- ondragstart="return false"禁止图片拖动、复制。青春耗费--><head> <title>齿计算</title> <meta charset="utf-8" /> <meta name="keyword...原创 2019-04-19 08:06:32 · 573 阅读 · 0 评论 -
设置了背景图片,怎么下面有空白,怎么解决?
#container{ background:url(picture/mainpage-1.png); background-repeat: no-repeat; background-size:100%;}原创 2018-08-23 20:35:24 · 4615 阅读 · 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 · 3593 阅读 · 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 · 663 阅读 · 0 评论 -
CACX CAD设置标注字体、箭头大小。
设置标注字体、箭头大小 1.双击文字或箭头后2. 然后原创 2017-12-25 14:44:33 · 2467 阅读 · 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#fragments转载 2018-01-02 09:07:35 · 920 阅读 · 0 评论 -
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 · 543 阅读 · 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 · 39965 阅读 · 2 评论 -
display: inline、block、inline-block的区别
display:block就是将元素显示为块级元素。 block元素的特点是: 此元素将显示为块级元素,此元素前后会带有换行符。 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 d...转载 2018-07-13 15:46:41 · 401 阅读 · 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 · 291 阅读 · 0 评论 -
iframe有哪些优缺点
iframe的优缺点分析ifrmae元素可以在父文档中插入一个新的HTML文档。了解iframe的工作理然后才能更加有效地使用它,这一点很重要。<iframe>优点:解决加载缓慢的第三方内容如图标和广告等的加载问题Security sandbox并行加载脚本<iframe>的缺点:即时内容为空,加载也需要时间会阻止页面加载没有语意 所谓 ifr...原创 2018-07-26 09:51:14 · 1586 阅读 · 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 · 18130 阅读 · 0 评论 -
如何控制 div的滚动条粗细?
原创 2018-08-18 22:50:53 · 8160 阅读 · 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 · 1601 阅读 · 0 评论 -
HTML的 table 设计
一、 table 百分比设置:原创 2017-12-12 14:34:27 · 1752 阅读 · 0 评论