css
css
二进制女猿
二进制的女猿
展开
-
css3多列布局column
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } .wrap { width: 400p...原创 2020-02-18 12:37:25 · 294 阅读 · 0 评论 -
css hover改变svg颜色
转自https://blog.csdn.net/qq_39785489/article/details/107781746想要实现菜单前的icon(svg格式),根据hover改变svg颜色,并且默认选中项也是高亮。最终实现思路,参考如上连接的方法。<div class="of-h cursor-pointer"> <div class="btn step-init-position"></div> </div>cs原创 2021-08-26 14:50:43 · 2484 阅读 · 0 评论 -
HTML5新增属性
肺炎期间,最近在家复习下基础一、html5新增标签二、html5 input新增type属性三、html5 input新增常用属性三、html5 多媒体标签原创 2020-02-20 11:08:06 · 151 阅读 · 0 评论 -
清除浮动的几种方法
1、直接给父级加高度缺点:扩展性不好2、开启BFC(1) overflow:hidden(2)定位:position(3)浮动,float缺点:ie6,7不支持3、缺点:ie6不支持4、 缺点:结构与样式未分离5、伪元素+开启haslayout因为ie6,7不支持伪元素,所以要开启haslayout////开启haslayout #name{ ...原创 2019-12-17 09:23:20 · 143 阅读 · 0 评论 -
css3响应式布局
1、媒体查询<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } .wrap { width: 2...原创 2020-02-18 12:17:51 · 165 阅读 · 0 评论 -
Css选择器的使用优化
转自:https://www.cnblogs.com/laomao/articles/3992749.htmlDavid在《Use efficient CSS selectors》中介绍了几种书写高效率的CSS选择器的方法,下面我将他们移到这里来让大家参考:避免普遍规则不要在ID选择器前加标签名或类名不要在类名选择器前加标签名尽可能使用具体的类别避免使用后代选择器标签分类规则中不应该包含一个子选择器子选择器的问题借助相关继承关系使用范围内的样式表...原创 2021-11-12 15:11:05 · 378 阅读 · 0 评论 -
图片铺满div元素不变形,超出部分隐藏,保留中心部分css代码
需求:图片铺满父级元素,有些图片横向、有些是纵向,图片宽高比不一致,导致不能铺满或者变形。针对这种情况,需要以图片中心位置向四周铺满父级。转自:https://www.cnblogs.com/ymdi/p/15707504.html。object-fit属性指定元素的内容应该如何去适应指定容器的高度与宽度。css代码中,cover值含义为保持原有尺寸比例。但部分内容可能被剪切。我们可以使用css代码中object-fit属性来实现。...原创 2022-08-10 11:08:37 · 1479 阅读 · 0 评论 -
float布局和display:inline-block导致盒子5px的上间距问题
1、想要实现左右布局,采用float结合display:inline-block代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; p...原创 2020-02-11 19:53:06 · 481 阅读 · 0 评论 -
css3
1、属性选择器用法:2、伪类与伪元素选择器(1)链接伪类:应用:(2)动态伪类:(3)表单相关伪类应用:(4)结构性伪类(5)伪元素::before::after...原创 2019-12-19 09:32:56 · 109 阅读 · 0 评论