前端
文章平均质量分 57
菠萝吹皮
这个作者很懒,什么都没留下…
展开
-
CSS-定位
4.绝对定位(固定定位)会完全压住盒子【浮动之所以不会压住文字,因为浮动产生的目的最初是为了做文字环绕效果的,文字围绕浮动元素】2.如果祖先元素有定位(相对、绝对、固定定位),则以最近一级的有定位祖先元素为参考点移动位置。1.子级绝对定位,不会占用位置,可以放到父盒子里面的任何一个地方,不会影响其他的兄弟盒子。定位:将盒子定在某一个位置,所以定位也是在摆盒子,按照定位的方式移动盒子。相对定位是元素在移动位置的时候,是相对于它原来的位置来说的。绝对定位是元素在移动位置的时候,是相对于它祖先元素来说的。原创 2024-02-06 23:55:26 · 706 阅读 · 0 评论 -
CSS-元素的显示与隐藏
但是如果有定位的盒子,请慎用overflow:hidden因为它会隐藏多余的部分。除了转换为块级元素之外,同时还有显示元素的意思。一般情况下,我们都不想让溢出的内容显示出来,因为溢出的部分会影响布局。visibility隐藏元素后,继续占有原来的位置。display隐藏元素后,不再占有原来的位置。2.visibility可见性。3.overflow溢出。原创 2024-02-10 16:59:04 · 554 阅读 · 0 评论 -
CSS-高级技术导读
2.鼠标经过某个盒子的时候,提高当前盒子的层级即可(如果没有定位,则加相对定位(保留位置),如果有定位,加z-index)此时可以给图片、表单这些行内块元素的vertical-align属性设置为middle就可以让文字和图片垂直居中对齐了。字体图标(iconfont)可以为前端工程师提供一种方便高效的图标使用方式,展示的是图标,本质属于字体。图片、表单都属于行内块元素,默认的vertical-align是基线对齐。bug:图片底侧会有一个空白缝隙,原因是行内块元素和文字的基线对齐。原创 2024-02-11 17:30:01 · 351 阅读 · 0 评论 -
HTML5的新特性
:定义文档某个区域。*:内容标签。*:头部标签。*:侧边栏标签。*:尾部标签。2.视频:1.音频:*:导航标签。原创 2024-02-12 11:00:09 · 360 阅读 · 0 评论 -
CSS3的新特性
属性选择器可以根据元素特定属性来选择元素注意:类选择器、属性选择器、伪类选择器,权重都是10结构伪类选择器主要根据文档结构来选择元素,常用于根据父级选择器里面的子元素nth-child(n)选择某个父元素的一个或多个特定的子元素*n可以是数字、关键字和公式*n如果是数字,就是选择第n个子元素,里面数字从1开始...*n可以是关键字:even偶数、odd奇数*n可以是公式:常见的公式如下(如果n是公式,则从0开始计算,但是第0个元素或者超出了元素的个数会被忽略)原创 2024-02-12 17:58:15 · 562 阅读 · 0 评论 -
CSS3-2D转换
重点:*定义2D转换中的移动,沿着X和Y轴移动元素*translate最大的优点:不会影响到其他元素的位置*translate中的百分比单位是相对于自身元素的translate:(50%,50%);*对行内标签没有效果。原创 2024-02-21 13:06:16 · 366 阅读 · 0 评论