前端学习
底蕴葡萄酒
越是害怕的事情越要勇敢去拼
展开
-
CSS-设置透明度opacity
CSS-设置透明度opacity设置透明度属性opacity。属性值从0.0到1.0值越小越透明,反之。语法:div {opacity:0.5;}属性值说明属性值默认值1(不透明)继承值inherit(继承父元素opacity属性)数值value(从0.0到1.0,完全透明到完全不透明)代码演示.div1 { width: 200px; height: 200px; background: #f1f11f; opa原创 2020-10-03 14:40:47 · 453 阅读 · 0 评论 -
CSS样式-渐变色
CSS样式-渐变色基础语法angle值proportion值基础语法background: linear-gradient(<angle/point>,<color proportion>,<transparent proportion> ,.....);angle值实现渐变色,这里使用background属性中的linear-gradient(线性渐变)值;这都好理解,就后面这个值的属性不好理解。首先,第一个值是angle或者point,也就是角度或者方向。意原创 2020-09-22 00:37:41 · 1006 阅读 · 0 评论 -
Position布局模型-layer层模型
layer层模型层模型绝对位置-相对于浏览器窗口相对位置-相对于原来的位置固定位置-永远就在那个位置relative和absolute组合使用层模型在此之前先了解什么是层模型,所谓层模型就是能够使html元素能够在网页中精确的定位。CSS中定义了一组positioning属性来实现精确定位,分别是1.绝对位置 position:absolute;2.相对位置 position:relative;3.固定位置 podition:fixed;绝对位置-相对于浏览器窗口 .div1 {原创 2020-09-17 22:14:15 · 290 阅读 · 0 评论 -
Position布局模型-float浮动模型
float流动模型基础float属性float:left;设置左浮动float:right;设置右浮动设置左右浮动浮动的破坏性问题浮动的兼容性问题我们知道块状元素都会独占一行,如果想要让两个元素并排显示就需要使用浮动模型来实现。这里会讲两个内容,一个是浮动的基础属性,另一个就是浮动的破坏性和兼容性。基础float属性float:left;设置左浮动 div { width: 200px; height: 200px; bord原创 2020-09-17 20:53:33 · 155 阅读 · 0 评论 -
HTML块状元素和内联元素
HTML块状元素和内联元素块状元素内联元素内联块状元素none属性可以这样解释在HTML(超文本标记语言)中将标签分为两种:一种是容器级,例如div,h,li,dt,dd,ul.table,p,blockquote,address,caption另一种是文本就级,例如p,a,b,span,em,i,u,而在CSS中将标签分为块状:* ...内联(行内):a - 锚点abbr - 缩写acronym - 首字b - 粗体(不原创 2020-09-16 21:35:28 · 212 阅读 · 0 评论 -
Position布局类型-FLOW流动类型
FLOW流动类型流动模型流动模型的特征第一点第二点流动模型FLOW流动模型,是网页的默认布局模式。也就是说网页在默认状态下的HTML的网页元素都是根据流动模型来分布网页内容的。流动模型的特征第一点块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%,而事实上,块状元素都会以行的形式占据位置。<style> .div1 { height: 100px; background原创 2020-09-16 21:02:24 · 337 阅读 · 0 评论