- 博客(10)
- 收藏
- 关注
原创 CSS定位
定位模式是否脱标移动位置是否常用static静态定位否不能使用边偏移很少relative相对定位否(占有位置)相对于自身位置移动常用absolute绝对定位是(不占有位置)带有定位的父级常用fixed固定定位是(不占有位置)浏览器可视区常用sticky粘性定位否(占有位置)浏览器可视区当前阶段少一定记住 相对定位、固定定位、绝对定位 两个大的特点:1.是否占有位置(脱标否)2.以谁为基准点移动位置学习定位重点学会子绝父相。
2022-10-17 16:16:31
101
原创 CSS浮动
float属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘初级包含块或另一个浮动框的边缘。选择器 {float : 属性值;}属性值描述none元素不浮动(默认值)left元素向左浮动right元素向右浮动为什么需要清除浮动?父级没有高度子盒子浮动了影响下面布局清除浮动的方式优点缺点额外标签法(隔墙法)通俗易懂,书写方便添加许多无意义的标签,结构化较差父级overflow: hidden;书写简单溢出隐藏父级after伪元素结构语义化正确。
2022-10-17 13:58:11
147
原创 CSS盒子模型
当上下相邻的两个块元素(兄弟关系)相遇时,如果上面的元素有下边距margin-bottom,下面的元素有上外边距margin-top,则它们之间的垂直间距不是margin-bottom与margin-top之和。对于两个嵌套关系(父子关系)的块元素,父元素有上外边距同时子元素也有上外边距,此时父元素会塌陷较大的外边距值。CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括边框、外边距、内边距和实际内容。所谓盒子模型就是把HTML页面中的布局元素看作是一个举行的盒子,也就是一个成装内容的容器。...
2022-07-23 22:38:06
261
原创 CSS(2)
在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基础选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素(标签)复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的常用的复合选择器包括后代选择器、子选择器、并集选择器、伪类选择器等选择器作用特征使用情况隔开符号及用法后代选择器用来选择后代元素可以是子孙后代较多符号是空格.nava子代选择器选择最近一级元素只选亲儿子较少符号是大于.nav>p。...
2022-07-23 20:17:16
121
原创 CSS层叠样表 一
CSS的主要适用场景就是美化网页,布局页面的。说起HTML,这其实是个非常单纯的家伙,他只关注内容的语义。比如表明这是一个大标题,表明这是一个段落,表明这里有一个图片,表示此处有链接。虽然HTML可以做简单的样式,但是非常繁琐。CSS是层叠样式表(Cascading Style Sheets)的简称。有时我们也会称之为CSS样式表或级联样式表。CSS也是一种标记语言CSS主要用于设置HTML页面中的文本内容(字体,大小,对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。C
2022-07-09 16:19:14
80
原创 HTML标签(下)
表格是实际开发中非常常用的标签:表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。例如下面这个表格展示信息:是用于定义表格的标签标签用于定义表格中的行,必须嵌套在标签中用于定义表格中的单元格,必须嵌套在标签中字母 td 指表格数据(table data),即数据单元格的内容1.3 表头单元格标签一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗
2022-07-04 12:32:03
67
原创 HTML标签(上)
双标签关系可以分为两类:包含关系和并列关系包含关系:(类似于父子关系)并列关系:(兄弟关系吧)二、HTML基本结构标签2.1第一个HTML网页每个网页都会有一个基本的结构标签(也成为骨架标签),页面内容也是在这下基本标签上书写。标签名定义说明HTML标签页面中最大的标签,我们称为跟标签文档的头部注意在head标签中我们必须要设置的标签是title文档的标题让页面拥有一个属于自己的网页标题文档的主体元素包含文档的所有内容,页面内容基本都是放在
2022-07-02 21:41:55
50
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人