![](https://img-blog.csdnimg.cn/20200430093708817.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
CSS
预立科技
这个作者很懒,什么都没留下…
展开
-
CSS-div水平居左-居右-居中显示
知识点1.div是块级元素,特性是块级元素独占一行显示,三个div默认会显示三行。2.在div块级元素,加上css的display:inline属性可以修改成行内元素,三个div都加上css的display:inline属性,则会在一行中显示。3.要实现div元素居中,需要设置父级元素内容居中text-align: center;4.通过浮动float,设置居右或居左 <h...原创 2020-01-23 11:41:42 · 30189 阅读 · 0 评论 -
CSS-框模型处理 外边距、边框、内边距、元素内容
<html><head></head><body> <div> <p>内容、文字,元素内容</p> </div></body></html>说明:1.以p标签为参考对象2.外边距(margin): p到div的距离3.边框(b...原创 2020-01-19 17:54:54 · 1052 阅读 · 0 评论 -
CSS-选择器,id 选择器、元素标签选择器、类选择器、多类选择器、属性选择器
1.id 选择器id 选择器以 “#” 来定义。id 属性只能在每个 HTML 文档中出现一次。<html><head> <style> #idp{ color: red; } </style></head><body> <div> ...原创 2020-01-19 17:52:03 · 1217 阅读 · 2 评论 -
CSS-包含选择器、后代选择器
说明:1.包含选择器也可以叫做后代选择器。利用父子级关系进行选择.2.父子级关系,从父级到子级的顺序,用空格分隔<html><head> <style> .div1 .div1-1 .div1-1-p{ color: red; } .div2 .div2-1 .div2-1-p{ colo...原创 2020-01-19 17:51:25 · 1143 阅读 · 0 评论 -
CSS-子元素选择器
说明:1.子元素选择器,只能选择作为某元素的子元素。2.子选择器使用:大于号">",进行分割<html><head> <style> .div1 .div1-1 .div1-1-p{ color: red; } .div2 .div2-1 > .div2-1-p{ colo...原创 2020-01-19 17:50:54 · 1123 阅读 · 0 评论 -
CSS-优先级
优先级:由高到低依次是: 内联样式 > 内部样式表 > 外部样式表 > 浏览器缺省设置 优先级:由高到低依次是1,2,3,41.内联样式(在 HTML 元素内部)<html><body> <div> <p style="color: red;">内联样式(在 HTML 元素内部)</p&g...原创 2020-01-19 10:36:33 · 701 阅读 · 0 评论