有关CSS
CSS相关的内容
不经寒彻骨哪得梅花香
这个作者很懒,什么都没留下…
展开
-
CSS浮动
浮动视觉格式化模型,大体上将页面中盒子的排列分为三种方式:常规流浮动定位应用场景文字环绕横向排列浮动的基本特点修改float属性值为:left:左浮动,元素靠上靠左right:右浮动,元素靠上靠右默认值为none当一个元素浮动后,元素必定为块盒(更改display属性为block)浮动元素的包含块,和常规流一样,为父元素的内容盒盒子尺寸宽度为auto时,适应内容宽度高度为auto时,与常规流一致,适应内容的高度margin为auto,为0.边框、内边距原创 2020-10-08 16:12:57 · 274 阅读 · 0 评论 -
CSS属性值的计算过程
属性值的计算过程一个元素一个元素依次渲染,顺序按照页面文档的树形目录结构进行渲染每个元素的前提条件:该元素的所有CSS属性必须有值一个元素,从所有属性都没有值,到所有的属性都有值,这个计算过程,叫做属性值计算过程特殊的两个CSS取值:inherit:手动(强制)继承,将父元素的值取出应用到该元素initial:初始值,将该属性设置为默认值...原创 2020-10-06 22:55:53 · 181 阅读 · 0 评论 -
CSS层叠
层叠声明冲突:同一个样式,多次应用到同一个元素层叠:解决声明冲突的过程,浏览器自动处理(权重计算)1. 比较重要性重要性从高到底:作者样式表:开发者书写的样式1) 作者样式表中的!important样式2) 作者样式表中的普通样式3) 浏览器默认样式表中的样式2. 比较特殊性看选择器总体规则:选择器选中的范围越窄,越特殊具体规则:通过选择器,计算出一个4位数(x x x x)千位:如果是内联样式,记1,否则记0百位:等于选择器中所有id选择器的数量十位:等于选择器中所原创 2020-10-06 22:28:05 · 101 阅读 · 0 评论 -
CSS选择器分类
简单选择器ID选择器元素选择器类选择器通配符选择器*,选中所有元素属性选择器根据属性名和属性值选中元素伪类选择器选中某些元素的某种状态1)link: 超链接未访问时的状态2)visited: 超链接访问过后的状态3)hover: 鼠标悬停状态4)active:激活状态,鼠标按下状态爱恨法则:love hate伪元素选择器beforeafter选择器的组合并且后代元素 —— 空格子元素 —— >相邻兄弟元素 —— +后面出现的所有兄弟元素原创 2020-10-06 22:17:23 · 59 阅读 · 0 评论 -
如何解决超链接被点击后不再具有hover和active的问题
按以下CSS属性的排列顺序可以解决:L-V-H-Aa:link{color: #;} // 正常,未访问过的链接a:visited{color: #;} // 用户已访问过的状态a:hover{color: #;} // 当用户鼠标放在链接上时a:active{color: #;} // 链接被点击的那一刻...原创 2020-08-09 17:26:47 · 435 阅读 · 0 评论 -
有关颜色常识
颜色常用三种形式:1、土鳖式(纯英文单词);2、颜色代码;3、颜色函数。开发过程中不采用第一种形式,因为计算机世界里white不能代表所有的白色,分乳白、纯白啥的很多种。开发较多采用颜色代码,计算机颜色三原色(即光学三原色):r(red) g(green) b(blue)采用十六进制数每两位代表一个饱和度(oo - ff)#000000 三色饱和度均为0就是黑色#ff ff ff 三色饱和度同时最大就是白色颜色函数 rgb()...原创 2020-08-06 21:16:43 · 103 阅读 · 0 评论 -
CSS 中 margin 塌陷解决方案
1、垂直方向的margin,父、子元素是绑定在一起的,取最大那个值。2、bfc(block format context)解决塌陷改变一丁点盒子的语法规则。如何触发一个盒子的bfc?主要有四种形式:A、position: absoluteB、 display: inline-blockC、float: left/ rightD、overflow: hidden分别给父级设定四个样式中的一个就可以触发bfc3、margin塌陷是一个解决不了的bug,智能说通过bfc绕过这个问题。原创 2020-08-06 21:24:59 · 228 阅读 · 0 评论 -
CSS 文本溢出处理
1、单行文本三件套实现溢出:white-space:nowrap; //不折行overflow: hidden; // 隐藏text-overflow: ellipsis; // 省略号2、多行文本CSS前端实现不了溢出省略号显示,只能通过后台控制,CSS3有这种技术实现,但是主要针对移动端,PC端很多老版本浏览器支持不好。所以PC端多行文本不显示省略号,直接折行溢出隐藏。...原创 2020-08-06 21:43:35 · 175 阅读 · 0 评论 -
html 标签嵌套规则
1、行元素只能嵌套行元素。2、块元素可以套任何元素,但是有两个特例:A、P 标签不可嵌套div,会被截成两个 P 标签;B、a 标签不可嵌套 a 标签。原创 2020-08-06 21:50:54 · 103 阅读 · 0 评论 -
CSS3过渡 transition
要实现过渡必须规定两项内容:指定要添加效果的CSS属性指定效果持续时间eg:div{ width:100px; height:100px; transition:width 2s, height 2s, transform 2s}div:hover{ width:200px; height:200px; transform:rotate(180deg)}...原创 2020-08-09 16:14:54 · 133 阅读 · 0 评论