CSS
文章平均质量分 94
CSS
随记123
一起学习叭
展开
-
前端学习第七天-css常用样式设置
属性区别用途display隐藏对象,不保留位置配合后面js做特效,比如下拉菜单,原先没有,鼠标经过,显示下拉菜单, 应用极为广泛visibility隐藏对象,保留位置使用较少overflow只是隐藏超出大小的部分1. 可以清除浮动 2. 保证盒子里面的内容不会超出该盒子范围BFC(Block formatting context)直译为"块级格式化上下文"。原创 2024-03-02 14:43:57 · 1041 阅读 · 0 评论 -
前端学习第六天-css浮动和定位
元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。在CSS中,通过float属性来定义浮动,其基本语法格式如下:选择器{float:属性值;属性值描述none元素不浮动(默认值)left元素向左浮动right元素向右浮动清除浮动的方式优点缺点额外标签法(隔墙法)通俗易懂,书写方便添加许多无意义的标签,结构化较差。父级overflow:hidden/auto/scroll;书写简单溢出隐藏父级after伪元素结构语义化正确。原创 2024-03-01 08:45:11 · 931 阅读 · 0 评论 -
前端学习第五天-css盒子模型
掌握盒子模型的组成部分掌握盒子模型的边框、内边距、外边距 的作用及不同写法熟练计算盒子的实际大小能够说出标准盒子模型和IE盒子模型(怪异盒模型)的区别掌握盒子阴影样式属性。原创 2024-02-29 12:34:51 · 1188 阅读 · 0 评论 -
前端学习第三天-css基础
层叠样式表css(Cascading Style Sheet)是一种专门用来控制界面外观风格的文档。主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。定义在外部文件(外链样式):开发中主要是通过这种形式定义样式。(推荐)在页面的头部定义(内联样式):通过这种形式定义的样式只在本页面内生效。原创 2024-02-28 08:39:11 · 1148 阅读 · 0 评论 -
前端学习第四天-css提升
选择器作用特征使用情况隔开符号及用法后代选择器用来选择元素后代是选择所有的子孙后代较多符号是空格.nav a并集选择器选择某些相同样式的选择器可以用于集体声明较多符号是逗号子代选择器选择 最近一级元素只选亲儿子较少符号是.nav>p交集选择器选择两个标签交集的部分既是 又是较少没有符号div.title元素模式元素排列设置样式默认宽度包含块级元素一行只能放一个块级元素可以设置宽度高度容器的100%容器级可以包含任何标签行内元素。原创 2024-02-28 09:20:02 · 1039 阅读 · 0 评论