11 2020 档案

css书写顺序
摘要：定位属性： position、display、float、left、top、right、bottom、overflow、clear、z-index 自身属性：width、height、padding、border、margin、background 文字样式：font-family、font-siz 阅读全文
posted @ 2020-11-24 23:04 紫豹豹 阅读(118) 评论(0) 推荐(0)
如何设置绝对定位的盒子水平和垂直居中
摘要：水平居中实现步骤： left: 50%; 让盒子的左侧移动到父级元素的水平中心位置 margin-left: -50px; 让盒子向左移动自身宽度的一半 实现垂直居中： top: 50%; 让盒子的上侧移动到父级元素的水平中心位置 margin-top: -50px; 让盒子向上移动自身宽度的一半 阅读全文
posted @ 2020-11-22 12:35 紫豹豹 阅读(587) 评论(0) 推荐(0)
PS的Cutterman插件安装
摘要：安装这个插件的PS软件的版本需要是完整版的，不能是绿色版，然后直接去下面的链接打开下载就好了， Cutterman插件安装地址：http://www.cutterman.cn/zh/cutterman 下载后直接安装，重启软件，在窗口这可以看到，就可以了 阅读全文
posted @ 2020-11-21 17:13 紫豹豹 阅读(373) 评论(0) 推荐(1)
行高的继承性
摘要：例如： body { font: 12px/1.5 Microsoft YaHei ;}div { font-size:14px;} span { } 行高可以跟单位也可以不跟单位， 如果是有单位的，那就是设置的实际距离， 如果是不跟单位的数字，而子元素又没有设置行高，它就会继承父元素的行高的1.5 阅读全文
posted @ 2020-11-20 21:59 紫豹豹 阅读(454) 评论(0) 推荐(0)
如何设置背景色半透明
摘要：第一个参数对应r(红色)，第二个参数对应g(绿色)，第三个参数对应b(蓝色)，最后一个参数a是alpha(透明度)，取值范围是在0~1之间 background: rgba(0,0,0,0.3); 也可以写为（把0.3的0省略）： background: rgba(0,0, 0, .3); 阅读全文
posted @ 2020-11-20 21:13 紫豹豹 阅读(307) 评论(0) 推荐(0)
块元素和行内元素的转换
摘要：元素显示模式的转换需要用到display属性， display属性中用block转换为块元素，inline转换为行内元素，inline-block可以转换为行内块，none表示此元素不会被显示 display:block; （使用最多） display.inline; display: inline 阅读全文
posted @ 2020-11-20 15:53 紫豹豹 阅读(1571) 评论(0) 推荐(0)
CSS的元素显示模式-块元素、行内元素和行内块元素
摘要：Css的元素显示模式 ## 块元素常见的块元素有<h1>~<h6>、<p>、 <div>、 <ul>、 <o|>、 <li>等 ，其中<div>标签是最典型的块元素块级元素的特点：1.比较霸道，自己独占一行2.高度、宽度、外边距以及内边距都可以控制3.宽度默认是容器(父级宽度)的100%4.块元素是 阅读全文
posted @ 2020-11-20 15:39 紫豹豹 阅读(404) 评论(0) 推荐(0)
一些VScode常用快捷键
摘要：ctrl+n 新建文件 ctrl+shift+n 重新打开一个软件窗口 ctrl+w 关闭当前文件 ctrl+shift+w 关闭当前窗口 ctrl+s 保存 ctrl+\ 打开多个编辑器 ctrl+/ 单行注释 shift+alt+a 多行注释 ctrl+1/ctrl+2 聚焦到第几个编辑器 ct 阅读全文
posted @ 2020-11-20 15:09 紫豹豹 阅读(353) 评论(0) 推荐(0)
CSS的复合选择器
摘要：CSS复合选择器：后代选择器：用来选择后代元素，符号是用空格隔开.nav a子代选择器：选择最近一级元素，符号是在中间放大于符号 .nav>p并集选择器：选择某些相同样式的元素，符号是用逗号隔开 .nav, .header链接伪类选择器：选择不同状态的链接，常用的是 a{}和a:hover:focu 阅读全文
posted @ 2020-11-20 15:04 紫豹豹 阅读(218) 评论(0) 推荐(0)
focus伪类选择器
摘要：:focus 伪类选择器用于选取获得焦点的表单元素。 焦点就是光标，一般情况下是<input>类表单元素才能获取，因此这个选择器也主要针对于表单元素来使用 例： input:focus { background-color: green; } 阅读全文
posted @ 2020-11-20 14:53 紫豹豹 阅读(297) 评论(0) 推荐(0)
链接的伪类选择器
摘要：a:link /*选择所有未被访问的链接*/a:visited /* 选择所有已被访问的链接*/a: hover /*选择鼠标指针位于其上的链接*/a: active /*选择活动链接(鼠标按下未弹起的链接) */ 注意：链接伪类选择器需要按以下顺序声明才能生效：link ；visited；hove 阅读全文
posted @ 2020-11-20 14:35 紫豹豹 阅读(302) 评论(0) 推荐(0)
Vscode Emmet语法-快速生成css样式
摘要：CSS样式基本采取简写形式即可：1.比如 w200 按tab可以生成width：200px；2.比如 Ih26 按tab可以生成line-height：26px。 阅读全文
posted @ 2020-11-20 14:23 紫豹豹 阅读(673) 评论(0) 推荐(1)
Vscode Emmet语法-快速生成HTML结构语法
摘要：Emmet语法的前身是Zen coding，它使用缩写，来提高htm/css的编写速度Vscode内部已经集成该语法。 注：本篇内容中Tab键和Enter(回车)键功能相同 首先先输入一个英文状态下的 “ ! ”再按Enter键，就可以生成html的骨架了，这里做个示范： 下面举例标签的快捷生成 1 阅读全文
posted @ 2020-11-19 23:03 紫豹豹 阅读(1558) 评论(0) 推荐(1)