dxj124的博客

1.基本使用。 基本属性有最大宽度，最小宽度 “max-width”是媒体特性中最常用的一个特性，其意思是指媒体类型小于或等于指定的宽度时，样式生效 “min-width”与“max-width”相反，指的是媒体类型大于或等于指定宽度时，样式生效。@media screen and (max-width:480px){ .ads { display:none; } }2.多个

实现功能一：这里想实现一个效果： 如图，外围的圈围绕着中间的圈旋转这里其实有两张背景图，外层的带框的背景图和中间的背景图，效果就是外层围绕中间旋转，看起来像一个动画的效果这里利用到css3的animation属性，//html <div id="content"> <div id="img"> </di...

阿里妈妈：https://www.iconfont.cn/home/index1.现在图标库中选中图标，添加到购物车2.选择好了需要的图标以后，进入到购物车，然后选择 添加至项目---》选择项目目录(也可新建一个项目目录）---》然后选择 定3.点击下载至本地下载后，将下载目录中的iconfont.css，放在我们的项目目录中注意小程序中的使用：使用的...

语法<td colspan="value">属性值值 描述 number 设置单元格可横跨的列数。 注释：colspan="0" 指示浏览器横跨到列组的最后一列。 例：<td colspan="2">January</td>...

传统布局，基于盒模型，依赖display属性 、position属性 、float属性它对于那些特殊布局非常不方便，比如垂直居中2009年，W3C 提出了一种新的方案—-Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。一、Flex 布局是什么Flex 是 Flexible Box 的缩写，意为”...

今天碰到一个关于对tabel的表的滚动事件，需求是表头不动，改变的是tbody，如果tbody里面的内容过多，让其进行滚动事件。 首先想到的就是利用css中overflow-y:scroll; 来进行内容的滚动，但是在处理tabel的display状态时，就将tabel表的布局给打乱了，如果给tabel的父级进行限制，则这个表会进行滚动。。。 table tbody {    displ...

// 弹窗的滚动条不影响 body的滚动$('.btn-actsm').click(function(){ $('body').addClass('pon');});$('.btn-close').click(function(){ $('body').removeClass('pon');});注： .btn-actsm :点击出现弹窗的按钮； .btn-cl...

1.利用meta的viewport做适配&lt;meta name="viewport" id="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no,viewport-fit:contain"&gt;在&lt;head&gt;&lt;/head&gt;里面加一个scri..

1.例如 input光标很大，遮盖了文字，设置光标与文字有一定间距  可以给input的css设置letter-spacing: 5px;2.css实现单行,多行 文本溢出显示 .../*单行溢出*/.one-txt-cut{  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}//当然还需要...

1.登陆 http://www.iconfont.cn/ 阿里妈妈矢量图标库 2.登陆，可以使用GitHub账号或者其他账号登陆 3.选择将要使用的主题图标，或者在搜索栏里面搜索需要的图标 4.将需要选择的图标放到购物车（添加入库）——》选择以后点击右上方的购物车图标—–》添加至项目—-》如果没有项目名的话， 建一个项目的名字—-》点击确定—-》下载至本地—》解压就可以用。 5.本地使用有

CSS Shapes中有个CSS属性名为shape-outside，可以让内联元素以不规则的形状进行外部排列 shape-outside属性要想生效，本身需要是浮动float元素。 Document

一.用Photoshop打开一张图的方法 ： 打开的方法是通过菜单【文件_打开】或使用快捷键〖CTRL_O〗或者直接将图片拖拽进来 按〖F8〗或从菜单【窗口_信息】调出信息调板。然后试着在图像中移动鼠标，会看到其中的数值在不断的变化，颜色是根据RGB搭配的 按F6可以调出颜色调板

1.流式布局。网页中主要的划分区域的尺寸使用百分数,常见的就是宽度百分比，高度和字体px写。 缺点：：宽度使用百分比定义，但是高度和文字大小等大都是用px来固定，所以在大屏幕的手机下显示效果会变成有些页面元素宽度被拉的很长，但是高度、文字大小还是和原来一样（即，这些东西无法变得“流式”），显示非常不协调。 流式布局在CSS2时代就有，主要是靠百分比进行排版，可以在不同分辨率下显示相同的版式2.响

用rem就给html设置font-size，用em就给body设置font-size一、那么如果你确定要使用rem单位，就按以下三个步骤来计算：1、确定基数：一般10px，自己记住就行，不用写进代码里2、html {font-size:百分数;} 百分数=基数/16 　　基数10 百分数62.5%　　基数14 百分数87.5%3、px换算rem 公式=想要的px值/基数　　也

参考博客：https://blog.youkuaiyun.com/qq_37860963/article/details/81182258css3的before,after的伪类注意项：1.伪类必须要加上content属性，可以填值，可以为空.box:after{ content: ''; font-size: 14px; margin-left: 10px;}<div ...