首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
css
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
css四种定位
css四种定位 浮动和定位的分别: 浮动目的是多个块级元素一行显示 定位主要是移动位置,让盒子移动到想要的位置上去 一、position:static 静态定位:对于边偏移无效的(left,top属性无效),一般用来清除定位,一个原来有定位的盒子,不想加定位了,就用这个 二、position:relative 相对定位:不脱离标准流,是相对盒
76
代码人生
01-01 08:00
代码人生
CSS水平居中与垂直居中的方法
CSS水平居中与垂直居中的方法 一、水平居中 1、行内元素水平居中 在父元素里添加text-align:center即可。代码如下: <style> .container-1 { height: 50px; border: 2px solid grey; margin-bottom: 50px; /* 行内元
76
后端
01-01 08:00
后端
css 预处理器之 less sass scss stylus
我们先问自己一个问题为什么需要预处理器?答案是不言而喻的,那就是 css 本身有些缺点: 语法不够强大,不能够嵌套书写,导致项目中样式逻辑一点也不清楚。 没有变量和逻辑上的复用机制,当有需要复用代码...
76
代码人生
01-01 08:00
代码人生
CSS之(移动端)flex布局
CSS之(移动端)flex布局,了解视口meta视口标签:属性解释说明width宽度设置的是viewport宽度,可以设置device-width特殊值initial-scale初始缩放比,大于0的数字maximum-scale最大缩放比,大于0的数字minimum-scale最小缩放比,大于0的数字弹性布局对于flex,PC端浏览器支持情况较差。IE11或更低版本,不支持或部分支持,不考虑兼容性
76
后端
01-01 08:00
后端
CSS 架构之 ACSS
CSS 架构之 ACSS,目录前言ACSS的概念ACSS和CSS-in-JS为什么会火ACSS优劣如何选择ACSS库总结参考前言我们知道现在前端开发模式,组件化是比较火的,那么CSS开发模式比较火的是什么呢,没错就是我们今天的主角ACSS,我们先观察下各大型网站的应用:Twitter上的HTML是这样的:FacebookHTML是这样的::最后看看GitHub的首页:等等……看到Twitter、F
75
代码人生
01-01 08:00
代码人生
CSS:浮动
CSS:浮动 浮动 传统网页布局的三种方式 网页布局的本质——用CSS来摆放盒子。把盒子摆放到相应位置。 CSS提供了三种传统布局方式: 普通流(标准流):标签按照规定好默认方式排列。块级元素独占一行,行内元素按顺序从左至右排列。 浮动 定位 为什么需要浮动? 什么是浮动? 浮动特性(重难点)
75
代码人生
01-01 08:00
代码人生
CSS Grid布局
CSS Grid布局 CSS Grid布局 基本概念 容器 项目 Gird基本概念 容器的属性 grid-template-columns grid-template-rows grid-row-gap grid-column-gap gid-gap(3和4的简写) grid-template-areas grid-auto-flow justify-items
75
代码人生
01-01 08:00
代码人生
CSS选择器优先级的学习与应用
CSS选择器优先级的学习与应用,选择器优先级选择器优先级是CSS初学者必须掌握的要点,掌握了优先级就能轻松得掌控全局的样式变化,下面我将从概念,基础优先级,优先级计算三个方面来带读者轻松掌握CSS选择器优先级概念在使用不同选择器对元素添加样式的时候会造成样式冲突现象,即使用不同类型的选择器对某个标签赋予相同的样式属性但不同的属性值,而冲突的原因常常就是选择器优先级造成的,除了选择器优先级会造成样式
75
代码人生
01-01 08:00
代码人生
CSS样式规则-CSS结构的特点
CSS样式规则-CSS结构的特点 要想熟练地使用CSS对网页进行修饰,首先要了解CSS样式规则。设置CSS样式的具体语法规则如下。 选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; …} 在上面的样式规则中,选择器用于指定需要改变样式的HTML标签,花括号内部是一条或多条声明。每条声明由一个属性和属性值组成,以“键值对”的形式出现。 其中属性是对指定的标签设置
74
后端
01-01 08:00
后端
css文字超出元素省略,单行、多行省略
css文字超出元素省略,单行、多行省略,效果图:通用CSS.box{width:500px;border:1pxsolidred;padding:10px;line-height:24px;}1.单行省略.singe-line{text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;}单行省略{{
74
«
1
2
...
69
70
71
72
73
74
75
76
77
»