首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
css
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
css随笔1--css和文档
css随笔1--css和文档 1.元素 1.1置换元素与非置换元素 置换元素:只用来置换元素内容的部分不由文档内容直接表示。例如 <img src="aaa.gif"> 这段标记只包含一个元素名和一个属性。如果不指向外部内容(这里通过src属性指定一个图像),这个元素什么也表示不了。 非置换元素:HTML元素大部分都是非置换元素,元素的内容由用户代理(通常是浏览器)在元素
78
代码人生
01-01 08:00
代码人生
CSS1
CSS1 1.css样式引入方式(行内样式、内部样式、外部样式)和选择器(元素选择器、类选择器、id选择器、属性选择器) 行内样式 <div style="color: red; font-size: 20px;">html</div> 内部样式 <style> &n
77
代码人生
01-01 08:00
代码人生
css动画
css动画 <style> /* 定义名称为zhuan的动画 */ @keyframes zhuan { 0% { transform: translate(0, 0); } /* 水平移动 */
77
代码人生
01-01 08:00
代码人生
CSS/CSS3 | P4-选择器优先级权重
CSS/CSS3 | P4-选择器优先级权重 1、概念 权重(weight),也可理解为优先级(Specificity) REF: 2、为什么需要权重? 优先级,优先级,需要出现一个情况发生冲突在不同选择上(如样式冲突) 样式冲突: 通过不同选择器,选择中相同元素,设置不同样式值时,样式会面临一个选择的问题,这时就发生了冲突了。 3、选择器权重分类 选择器 权重 !importan
77
后端
01-01 08:00
后端
CSS中的position
CSS中的position,HTML中的三种布局方式浮动标准流定位position属性的意义position属性决定了元素将如何定位通过top、right、bottom、left实现位置的改变position中的可选参数relativestaticabsolutefixedinheritrelative参数特性不脱离文档流可以利用toprightbottomleft进行定位为子定位划分作用域移动区
77
后端
01-01 08:00
后端
CSS实现单选折叠菜单功能
CSS实现单选折叠菜单功能,今天教大家用纯css实现一个单选的折叠菜单,不需要JavaScript就能用。折叠菜单和标签页差不多,逻辑上都是一种单选面板,只不过折叠菜单一般是垂直堆叠的,标签页是横着排列,对实现代码感兴趣的朋友跟随小编一起看看吧不到万不得已的时候千万别引入前端UI框架,因为HTML5和CSS3已经能实现绝大多数的功能,比如上期的《CSS实现最简洁的开关》而很多人的思维还停留在web
77
后端
01-01 08:00
后端
CSS 实现搜索相关交互
CSS 实现搜索相关交互,这次来看一个很常见的搜索框的交互,大概逻辑如下当输入框有内容才显示清除按钮点击清除按钮输入框会清空当输入框有内容并且处于聚焦情况下才显示搜索结果浮层点击搜索条目后关闭整个搜索结果浮层示意如下看着逻辑好像很多的样子,其实也是可以纯CSS实现的,花两三分钟一起看看吧一、输入框清除按钮的交互首先来看原生的实现方式。1.HTML5新增表单元素在HTML5中新增了type=sear
76
代码人生
01-01 08:00
代码人生
css 轮播图
css 轮播图 <!DOCTYPE html> <html> <head> <title>Slide Image Sample</title> <style> #container { width: 400px; he
76
代码人生
01-01 08:00
代码人生
css实现悬浮微信二维码
css实现悬浮微信二维码 /*微信二维码*/ .weixin{ position:relative; } .weixin::after { content: url("../images/wx.jpg"); position: absolute; right: 15px; top: -260px;
76
代码人生
01-01 08:00
代码人生
CSS样式
CSS样式 1.字体颜色渐变 background-image:linear-gradient(to bottom, #5affa, #0076ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; 2.背景颜色渐变 background:linear-gradient(t
76
«
1
2
...
69
70
71
72
73
74
75
76
77
»