![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML/CSS
HLhl1996227
南京邮电大学毕业,现国企程序媛一枚
展开
-
父绝子绝的用法
子元素是绝对定位,父元素为相对定位、绝对定位或固定定位,则子元素均以父元素作为坐标参照系。相对定位不占用位置,则父绝子绝的情况就是父元素本身就不需要设置宽高CSS结构如图所示,city相对于map绝对定位,但是不需要给city设置宽高,city的大小靠里面的子元素dotted和pulse撑起来的这时候pulse又需要另外定位,且pulse需要覆盖dotted,则可以设置绝对定位,不影响结构...原创 2021-12-04 15:12:35 · 1030 阅读 · 0 评论 -
行内元素(input\button\img)设置宽高的问题
button、input、img是行内元素,同时也是替换元素替换元素具有内在尺寸,可以设置宽度和高度可以理解为替换元素对外是行内元素,在一行上显示对内又是块级元素,有宽高属性,如果不设置默认就是内在的尺寸...原创 2021-11-04 14:28:39 · 322 阅读 · 0 评论 -
SEO搜索引擎优化
提高网站排名和搜索量前端人员需了解的基础知识分为title、description、keywords三部分,description和keywords写在content里,content里越靠前的关键词权重越高原创 2021-11-02 15:28:27 · 70 阅读 · 0 评论 -
transition过渡
谁做过渡给谁加 .bar_in{ width: 50%; height: 100%; background-color: red; border-radius: 7px; transition: all .5s; } .bar:hover .bar_in{ width: 100%; }当鼠标经过bar的时候给.原创 2021-11-01 20:39:10 · 35 阅读 · 0 评论 -
伪元素的用法
帮助减少盒子的嵌套,使HTML的结构更加简洁1.增加一个小字体图标 div{ position: relative; width: 200px; height: 25px; border:1px solid deepskyblue; } div::after{ position: absolute; top: 2px;原创 2021-11-01 19:31:00 · 342 阅读 · 0 评论 -
HTML/CSS学习笔记
1.strong表示加粗,em倾斜,div大盒子,span小盒子2.图片的高度和宽度一般情况下修改一个就行,等比例缩放3.相对路径/, 绝对路径\4.a超链接, _self在原来的窗口打开新页面,_blank在新窗口打开新页面,分为外部链接和内部链接,href=’#’ 表示空链接, 还有下载链接,href里是文件(.exe)或者压缩包(.zip)等形式网页中的各种元素,如图片、文本、表格、音频、视频等都可以添加超链接另外还有内部链接,可实现文件内两个页面之间的跳转。5.锚点链接,可以快速定位到页原创 2021-11-01 15:51:54 · 120 阅读 · 0 评论