css
weixin_44343449
这个作者很懒,什么都没留下…
展开
-
rem适应不同屏幕的布局方案
common.less /pc端的HTML字体大小默认为50/ html { font-size: 50px; } /假设将设计稿分为15份/ @no: 15; @media screen and (min-width: 320px) { html { font-size: 320px / @no; } } @media screen and (min-width: 360px) { html {...原创 2020-03-06 15:46:18 · 183 阅读 · 0 评论 -
css兼容性
伪类元素selection:为选中文字添加样式,默认不会支持火狐,需要加火狐前缀-moz-,如: p::selection {} w3c标准规定在页面里每个元素都有一个属性叫block formatting context,简称BFC,默认是关闭状态, 开启BFC,有如下特点: 1:相邻元素的垂直外边距不会重叠 2:开启BFC的元素不会被浮动元素覆盖 3:开启BFC的父元素可以包含浮动的子元素,不...原创 2020-02-21 22:09:52 · 101 阅读 · 0 评论 -
win7远程连接问题
Windows系统在命令行使用mstsc命令进行远程连接,但是一直报错(要求的函数不支持) 解决:新增注册表 1.开始>>运行>>输入regedit打开注册表编辑器 2.打开文件路径 [HKEY_LOCAL_MACHINE]\Software\Microsoft\Windows\CurrentVersion\Policies\System\CredSSP\Parameter...原创 2019-12-20 17:25:27 · 87 阅读 · 0 评论 -
vue-cli3创建项目报错
报错: command failed: npm install --loglevel error 这个问题花了我好长时间。到最终不算难完全解决。我在css预处理那项选的sass,当我不用css预处理语言时,就创建成功。 ...原创 2019-10-19 12:19:02 · 373 阅读 · 0 评论 -
iconfont
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...原创 2019-10-16 14:24:42 · 94 阅读 · 0 评论 -
css3
选择器: 相邻兄弟选择器:+,表示当前元素后面的一个相邻元素。 同意兄弟选择器:~,当前元素后面所以符合元素。 属性选择器:[]…[id]{},div[id]{},div[id='d'],[id][class]{} [class~=“d1”]{}:class包含d1 的元素,(完整包含) [class^=“d”]{}:class以d字母开头的 [class$=“d”]{}class以d字母结尾的 ...原创 2019-07-25 18:12:19 · 89 阅读 · 0 评论 -
行内元素的padding和margin
行内元素的padding-left,padding-right,margin-left,margin-right正常使用。 margin-top,margin-bottom无效果。 padding-top,padding-bottom有效果,但是不占文档位置, 例如span的padding-bottom为200.span后的div则会被填充的200px覆盖。 <span>span<...原创 2019-06-30 16:35:09 · 170 阅读 · 0 评论 -
文本多次点击时变蓝
设置css:user-select:none原创 2019-07-02 09:56:22 · 92 阅读 · 0 评论 -
img标签的特殊之处
img属于替换元素。 替换元素:根据标签和属性来显示的元素,一般具有内置的宽高属性。 img同时具有行内元素,行内块,和块级元素的特性。既可以默认在一行显示(inline),也可以设置其宽和高(行内块),而且当设置一个图片的margin时,会同时作用到同一行的元素(inline-block) 自己总结,欢迎指正。 ...原创 2019-06-26 17:18:50 · 262 阅读 · 0 评论 -
margin上外边距溢出问题
问题:当为div 的第一个子元素设置margin-top时,会作用到父元素身上。 解决: 1:为父元素设置上边距。border-top:1px solid #ddd;(弊端:父元素高度变化。不提倡) 2:为父元素设置内边距取代外边距。(弊端:父元素高度改变。不提倡) 3:在第一个子元素处增加空的(提倡) ...原创 2019-06-21 12:19:38 · 1481 阅读 · 0 评论 -
关于子元素浮动引起的父元素高度问题
当父元素的所有子元素都浮动时,子元素高度会为0。 解决: 1:设置父元素的高度height(不推荐) 2:父元素设置为浮动(不推荐) 3:父元素的overflow属性设置为hidden。(如果没有元素需要隐藏,可以使用。) 4:在子元素后追加元素如<p style = "clear:both"></p>(推荐) ...原创 2019-06-21 14:53:52 · 880 阅读 · 0 评论