首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
css
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
CSS Flex布局完全指南 #flight.Archives002
CSS Flex布局完全指南 #flight.Archives002 Title/CSS Flex布局完全指南 #flight.Archives002 序(from Ruanyf) : 网页布局(layout)是 CSS 的一个重点应用. 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性. 它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现 2009年,W3
78
代码人生
01-01 08:00
代码人生
CSS(1)导入方式
CSS(1)导入方式 导入方式 内部样式 <!-- 内部样式 --> <style> h1{ color: brown; } </style>
78
代码人生
01-01 08:00
代码人生
CSS居中对齐终极指南
CSS居中对齐终极指南 本文首发于我的公众号:前端新世界 欢迎关注 本文将讨论可用于居中对齐元素的6种CSS技术(按照最佳实践排序),以及每一种技术最适合应用的场景。这里,居中对齐指的是将元素放置在其父元素的水平和垂直中心。 .center类代表要居中对齐的元素 .parent类代表其父元素。 1. 使用变换(Transform) 什么时候用: 当元素的宽度和高度未知
78
代码人生
01-01 08:00
代码人生
CSS选择器优先级的学习与应用
CSS选择器优先级的学习与应用,选择器优先级选择器优先级是CSS初学者必须掌握的要点,掌握了优先级就能轻松得掌控全局的样式变化,下面我将从概念,基础优先级,优先级计算三个方面来带读者轻松掌握CSS选择器优先级概念在使用不同选择器对元素添加样式的时候会造成样式冲突现象,即使用不同类型的选择器对某个标签赋予相同的样式属性但不同的属性值,而冲突的原因常常就是选择器优先级造成的,除了选择器优先级会造成样式
78
代码人生
01-01 08:00
代码人生
css动画
css动画 <style> /* 定义名称为zhuan的动画 */ @keyframes zhuan { 0% { transform: translate(0, 0); } /* 水平移动 */
78
后端
01-01 08:00
后端
css 预处理器之 less sass scss stylus
我们先问自己一个问题为什么需要预处理器?答案是不言而喻的,那就是 css 本身有些缺点: 语法不够强大,不能够嵌套书写,导致项目中样式逻辑一点也不清楚。 没有变量和逻辑上的复用机制,当有需要复用代码...
78
代码人生
01-01 08:00
代码人生
CSS/CSS3 | P4-选择器优先级权重
CSS/CSS3 | P4-选择器优先级权重 1、概念 权重(weight),也可理解为优先级(Specificity) REF: 2、为什么需要权重? 优先级,优先级,需要出现一个情况发生冲突在不同选择上(如样式冲突) 样式冲突: 通过不同选择器,选择中相同元素,设置不同样式值时,样式会面临一个选择的问题,这时就发生了冲突了。 3、选择器权重分类 选择器 权重 !importan
78
后端
01-01 08:00
后端
CSS中的position
CSS中的position,HTML中的三种布局方式浮动标准流定位position属性的意义position属性决定了元素将如何定位通过top、right、bottom、left实现位置的改变position中的可选参数relativestaticabsolutefixedinheritrelative参数特性不脱离文档流可以利用toprightbottomleft进行定位为子定位划分作用域移动区
78
后端
01-01 08:00
后端
CSS实现单选折叠菜单功能
CSS实现单选折叠菜单功能,今天教大家用纯css实现一个单选的折叠菜单,不需要JavaScript就能用。折叠菜单和标签页差不多,逻辑上都是一种单选面板,只不过折叠菜单一般是垂直堆叠的,标签页是横着排列,对实现代码感兴趣的朋友跟随小编一起看看吧不到万不得已的时候千万别引入前端UI框架,因为HTML5和CSS3已经能实现绝大多数的功能,比如上期的《CSS实现最简洁的开关》而很多人的思维还停留在web
78
代码人生
01-01 08:00
代码人生
CSS1
CSS1 1.css样式引入方式(行内样式、内部样式、外部样式)和选择器(元素选择器、类选择器、id选择器、属性选择器) 行内样式 <div style="color: red; font-size: 20px;">html</div> 内部样式 <style> &n
77
«
1
2
...
69
70
71
72
73
74
75
76
77
»