Html/CSS 第11页
分类
子分类
排序
伪类和伪元素的使用方法介绍
CSS伪类和伪元素 line-height （行高 官方定义：两行文字基线对齐 ） 目标伪类 :link （a:link 未访问的链接 浏览器有缓存！！所以刷新没用） a:active{color: ;} :active （长按住） :visited ...
30天前CSS适配iPhone全面屏的方法
一、media query方式 /*iPhone X 适配*/ @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .fixed-bottom{ bottom: 37px; } }...
30天前
CSS 实现鼠标放在上面时整行变色效果
摘要: 下文讲述css中实现鼠标放在指定行上面时，整行变色的方法分享，如下所示: 实现思路: 使用:hover伪类，实现当鼠标指向时，其背景色发生相应的变化，如下例所示: 例： 下文中的div，当鼠标...
30天前
详解filter与fixed冲突的原因及解决方案
问题描述 当在 body 中使用了 filter 滤镜属性的时候，会导致 fixed 元素定位发生错误，即不再相对 viewport 进行定位，而是相对整个网页（ body 元素）进行定位。 <html> <head> &...
30天前
CSS3实现背景透明文字不透明的示例代码
最近遇到一个需求，要在图片上显示带有半透明背景的文字，效果如下图所示： 需求.png 看到这个需求之后，第一反应是使用CSS3中的opacity设置元素的透明度。 <!DOCTYPE html> <html lan...
30天前
详解css3中 text-fill-color属性
text-fill-color是什么意思呢？单单从字面上来看就是“文本填充颜色”,不过它实际也是设置对象中文字的填充颜色，和color的效果很相似。如果同时设置text-fill-color和color两个属性...
30天前
css 不定宽高的元素居中布局解决方案
1. 水平居中 公共代码: html: <div class="parent"> parent <br> <div class="child"> child </div> </div> css: html, body { margin: 0; ...
30天前css命名方式介绍
主流命名 【BEM】 说起CSS命名，当然要提到BEM。BEM的意思就是B模块(block)、E元素(element)、M修饰符(modifier)。模块和子元素之间用两个下划线分隔，子元素和修饰符之间用两个中划线分隔。 关...
30天前详解关于使用媒体查询@meda失效原因的总结
最近在写自己的个人博客时遇到了一个小问题，为了解决响应式设计，便加入了媒体查询@meida来自适应各种大小的终端设备。但是在其中还发现了不少坑，在这里希望通过这篇文章分享给大家。 1、优先...
30天前html+css 实现简易导航栏功能
二话不说直接上代码（萌新：实在也没什么好说的） <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset=&...
29天前