- 博客(9)
- 收藏
- 关注
原创 定位position
静态定位是所有元素的默认定位方式,当position属性的取值为static时,可以将元素定位于静态位置。相对定位是将元素相对于它在标准流中的位置进行定位,当position属性的取值为relative时,可以将元素定位于相对位置。如果要对一个子元素使用定位的话,让子元素(绝对定位)以其父元素(相对定位)为标准来定位。绝对定位是将元素依据最近的已经定位(绝对、固定或相对定位)的父元素(祖先)进行定位。相对定位最重要的一点是,它可以通过边偏移移动位置,但是原来的所占的位置,继续占有。
2024-06-20 23:12:01
1550
原创 浮动float(6.19)
元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。选择器{float:属性值;float:none;float:left;
2024-06-20 13:10:10
529
原创 网页框架分析
* 页面内容 */body {.header {.title {.father {*/.tu2,.tu3 {.da {.xiao {img {left: 0;right: 0;bottom: 0;
2024-06-19 23:59:40
441
原创 6月17日知识点总结
字体、字号、颜色、行距等可以在body元素中统一设置,然后通过继承影响文档中所有文本。当同一个元素被两个选择器选中时,CSS会根据选择器的权重决定使用哪一个选择器。3.设置为cover时,会自动调整缩放比例,保证图片始终填充满背景区域,如有溢出部分则会被隐藏。书写CSS样式表时,子标签会继承父标签的某些样式,如文本颜色和字号。保持标记位于文本的左侧,列表项目标记放置在文本以外,且环绕文本不根据标记对齐。2.不具有继承性: 边框、外边距、内边距、背景、定位、元素高属性。2.定义使用iconfont的样式。
2024-06-17 23:53:09
1555
原创 6.16查漏补缺
ul></ul>无序标签里面只能包含li 没有顺序,我们以后布局中最常用的列表<ol></ol>有序标签里面只能包含li 有顺序, 使用情况较少<dl></dl>自定义列表里面有2个兄弟, dt 和 dd。
2024-06-16 22:43:24
414
原创 6月14日web学习笔记总结
在网页中引入精灵图后,只需要一次HTTP请求就可以加载所有的小图标或图片,然后通过改变CSS的background-position属性来显示不同的图片部分。我们需要使用CSS的background-image background-repeat background-position属性进行背景定位,其中最关键的是使用background-position 属性精确地定位。2.后代选择器->用来选择元素或元素组的子孙后代->精准选择。特点:不独占一行,不可以设置宽和高,宽和高由内容撑开。
2024-06-14 23:04:34
627
原创 web的学习心得1
十六进制颜色值每2位为一个颜色分量,分别表示颜色的红、绿、蓝3个分量,当3个分量的2位十六进制数都各自相同时,可以使用css缩写,如#F6600可以缩写为#F60。作为一个在大学浑水摸鱼了三年的人,这次的前端学习对别人来说是复习,对我而言是学习。/*px像素,一般浏览器默认为16px,可以替换em,em:相对字体长度单位*/normal,bold,bolder,lighter分别是正常,加粗,更粗,更细*/基线到基线之间的距离为行高。文本行之间的距离,即字符间的垂直间距,一般称为行高。
2024-06-14 01:15:20
514
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人