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