- 博客(7)
- 收藏
- 关注
RSS订阅原创 定位基础简
定位 定义: 不随网页内容上下滑动而改变位置的导航栏 交叉重叠布局的图文信息 普通流规则: 浏览器在默认情况下决定一个块元素,在父元素内的排列规则: 从上至下排列 从左开始排列 一个快元素占一行 position:absoute;绝对定位 设置绝对定位的样式会原地上飘. 是根据浏览器的绝对. 绝对定位于浮动: 同:元素上浮,其后未设置定位的元素上移. 异:定位元素遮挡下元素同时,也会遮挡其...
2020-05-17 09:25:32
171
原创 float浮动基础
浮动 float 由来: 为实现文本环绕效果而产生,后用于快级元素横向并排布局 (优于display:inline-block;) 格式: 标注文档流排布:依次从上至下默认排布. 给盒元素设置float–脱标:脱离标准文档流. 浮动元素不存在解析空格默认顶端对齐. 代码: float:left;(从左往右排布) float:right(从右往左排布) 浮动元素无法通过float居中. 特性:...
2020-04-27 00:01:49
1053
原创 圆角渐变代码简介
圆角 渐变： border-radius：5px；设置盒模型顶角弧度 border-top-left-radius：5px（左上角多了一个半径为5px的圆形成的弧度） border-radius：100px/50px；（横轴/纵轴） border-radius：（横轴）左上 右上 右下 左下/（纵轴）左上 右上 右下 左下； 设置椭圆渐变色 background：radial-gradient...
2020-04-26 21:17:18
257
原创 背景样式详细基础篇
背景样式： 层级优先：content>border>background-image>background-color 背景样式种类： overflow：hidden；超出隐藏（隐藏超出内容区的文字） white-space：nowrap；不换行（文字不自动换行） word-break：break-all；强行换行（数字，字母不空格时浏览器默认不换行） overflow：elli...
2020-04-26 21:10:18
550
原创 盒模型基础简
盒模型 box moldel（w3c规定一个浏览器如何渲染显示一个元素/标签/根据元素的种类分为块级元素盒模型行内元素盒模型） 一个元素一个盒子： 块级元素盒模型+行内元素盒模型=前段的一切 第一步-边距清除：body｛ margin：0； ｝ margin横向居中规则： 1、逆时针对应 2- 4值居中 任意像素auto 任意像素 auto 3-2值居中 任意像素 auto （上下无限延伸不...
2020-04-26 19:23:39
101
原创 高级选择器 复合选择器使用示例
高级选择器 标签选择器 类选择器:以class命名的同类标签 id选择器:以name命名的同类标签 id大于 class大于 标签 高级选择器分类: 后代：空格表示后代选择器 在其下的所有元素: <div>(父) <div> <div></div>(孙) </div>(子) (子孙皆为后代皆被选中 ...
2020-03-30 19:36:43
345
原创 html标签(入门)基本常用简介
html标签(入门) <img scr =‘’ 地址’’ alt=‘’图片介绍‘’> <video scr=‘’地址’’ controls =‘’controls’’><video> (controls给视频文件添加播放按钮) (淘汰标签autoplay=‘’autoplay‘‘自动播放视频插件，占用浏览器资源默认关闭) <audio ’scr=’‘地...
2020-03-30 19:06:34
181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人