![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web学习
文章平均质量分 63
Web学习
s-010101
好好学习 好好生活
展开
-
CSS将子元素移动到父元素中心
CSS将子元素移动到父元素中心在绝对定位中将top和left值设为0是表示距离父元素左部和顶部距离为0,子元素处在父元素左上角<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten原创 2022-04-08 12:01:03 · 1329 阅读 · 0 评论 -
CSS相对定位和绝对定位
CSS相对定位和绝对定位相对定位绝对定位没有父盒子有父盒子时文章参考进行了一定修改添加相对定位和绝对定位,不改变元素的大小形状,只改变元素的位置。相对定位和绝对定位是通过position属性来控制的,position属性的值为下面几种:值描述absolute使元素绝对定位,相对于static定位以外的最近的一个祖先元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。relative使元素相对定位,相对于自己的原创 2022-04-06 17:59:31 · 10532 阅读 · 1 评论 -
CSS中display属性:block、inline和inline-block的区别
CSS中display属性:block、inline和inline-block的区别最近写HTML遇到一个问题:我想设置span的宽度和高度,但是在IE9和chrome下总是不起效果。代码和效果图如下:<head> <style> span{ background-color:#43be60; width:100px; height:50px; margin-top:20px; margin-left:20px; } </s转载 2022-04-06 15:54:51 · 2799 阅读 · 0 评论 -
选择器优先级
原创 2021-11-13 23:32:55 · 191 阅读 · 0 评论 -
CSS选择器
CSS基本语法CSS注释/*注释中的内容会被浏览器忽略快捷键Ctrl+/*/选择器选择器,通过选择器可以选中页面中指定元素比如p的作用就是选中页面中所有p元素声明块,通过声明块来指定要为元素设置的样式,声明块是一个一个的声明组成,声明就是一个名值对结构,一个样式名对应一个样式值,名和值之间以 : 连接,以 ; 结尾<style>p{ color: blue; font-size: 50px;}h1{ color: blue;原创 2021-11-13 20:06:16 · 581 阅读 · 0 评论 -
使用CSS改变元素样式的三种方式
CSS学习网页的三个部分:结构(html)表现(CSS)行为(JavaScript)使用CSS改变元素样式的三种方式第一种方式(内联样式,行内样式)在标签内部通过style属性设置元素样式,开发时不要使用内联样式<body> <p style="color: red; font-size: 50px;">少小离家老大回</p></body>效果:第二种方式(内部样式表)将样式编写到head中的style标签里,然后原创 2021-11-12 15:40:13 · 3894 阅读 · 0 评论