首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
css
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
CSS实用技巧(中)
CSS实用技巧(中) 前言 我们经常使用CSS,但是却不怎么了解CSS,本文主要对vertical-align、BFC、position中开发过程不怎么注意的特性进行简要总结,从本文中,你将了解到以下内容: vertical-align为何时灵时不灵 BFC是什么?有何作用 绝对定位的奇淫技巧 CSS特性 vertical-align为什么时灵时不灵 生效条件 只能应用在
74
百科问答
01-01 08:00
百科问答
CSS下拉菜单的制作步骤,CSS下拉菜单颜色
CSS下拉菜单的制作步骤,CSS下拉菜单颜色如何利用html和css实现一个下拉页面 只用html和css,确实可以实现。在一个li或div内放两个块级元素,一个是下拉的button,一个是下拉出来的内容。button始终显示,可以当它是li:hover的下级时,设置不同样式,也可以不设置。下拉内容块正常设置为display:none,当它是li:hover的下级时,设置为display:block。如果对悬停时出现,鼠标移开消失不满
74
代码人生
01-01 08:00
代码人生
css随笔2—选择符
css随笔2—选择符 1.元素选择符 选择符一般是HTML预定义的某个元素例如p,h3,em,a,甚至html本身 例如:html {声明块} h1 {声明块} 声明块中有一个或多个声明。声明的格式:属性:值(一个关键字或以空格分隔的多个关键字);声明之间用“;”隔开 2.群组选择符(将同一个样式应用到多个元素上) 多个选择符之间用逗号隔开 通用选择符 *
74
代码人生
01-01 08:00
代码人生
css一文全部复习
css一文全部复习 css这么玄学的东西,背后一定有其原理可以学习。w3c就是最好的网站,知识点要反复记忆,经典案例反复练习,才能达到标准的css水平。 css就是 选择器+ 属性。选择器有很多种,属性会更多。但是归根到底就是选择器+属性。属性里面分基础和中等,基础属性只需要记忆就好,但是高级属性则需要重点加强记忆。 css里面最重要的3个概念就是盒子模型,浮动,定位。盒子
74
代码人生
01-01 08:00
代码人生
CSS line-break属性与中文标点换行
CSS line-break属性与中文标点换行 关于标点符号把文字带着换行的问题解决方案 出现的问题 最近在弄一个介绍页面的时候遇到一个很巧的问题,在文本换行的时候刚好能够放下文字,但是标点符号把这个文字带着换行了 如下图所示: 如果的在上一行显示,那么句号就应该在下一行显示,然而句号是避首标点,不能出现在开头。因此,“的”字就被带到下一行了 中文标点的这种换行特性,即使设置word-break:
74
后端
01-01 08:00
后端
CSS知识积累
1、自定义变量var css现在支持自定义变量了,有了这个特性做主题功能就方便多了html结构 基础用法:var(color,default),var接收两个参数,第一个是自定义样式,第二个是默认样...
73
代码人生
01-01 08:00
代码人生
css用边框实现圆角矩形
css用边框实现圆角矩形,今天要做一个圆角矩形的按钮,于是直接找圆角矩形的css实现方式,搞了半天,虽然也实现效果了,但是很复杂,需要用很多代码,后来突然想到以前做过的一个边框效果,也是圆角矩形,于是找了出来,发现这种办法相当简单并且效果一点也不差,这里简要分享一下。关键部分都有注释。div+CSS圆角矩形.roundedRectangle{height:70px;100px;margin-top
73
代码人生
01-01 08:00
代码人生
CSS的易错整理系列
CSS的易错整理系列 1、(×)css盒子模型? border-box和content-box width部分说的很乱 现在我知道了,确实是width,offset只是为了好计算的 2、(×)垂直居中,有几种方法 说了flex、position,vertacal-align,line-height 那如果是就父元素呢。行内块又怎么办 为什么记不住?死知识记不住?css真难缠
73
代码人生
01-01 08:00
代码人生
css3基础---flex新版与旧版
css3基础---flex新版与旧版 1.flex基础点 ---什么是容器,什么是项目,什么是主轴,什么是侧轴? ---项目永远排列在主轴的
73
百科问答
01-01 08:00
百科问答
CSS 高级
CSS 高级 2D转换 transform translate 不会影响到其他元素的位置 对于行内元素无效 transform: translate(x,y)//translateX(x)//translateY(y) 50%:盒子自身宽度 水平/垂直居中 position: absolute; top:50%; left:50%; transform: t
73
«
1
2
...
69
70
71
72
73
74
75
76
77
»