- 博客(4)
- 收藏
- 关注
原创 CSS之浮动心得
清楚浮动 为什么清楚浮动??? 答:由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产生影响,为了解决这些问题,此时就需要在该元素中清楚浮动。 清楚浮动的本质主要是为了解决父级元素因为子级浮动引起内部高度变为0的问题(因为父盒子没有设置高度,当子盒子浮动后,父盒子就不能被撑起来了)。 <!DOCTYPE html> <html lang="en"> <he...
2020-03-09 18:16:00
313
原创 CSS之盒子模型心得
盒子模型之外边距实现盒子居中 盒子实现居中,需要满足以下两个条件 必须是块级元素 必须指定了宽度(width) 给左右的外边距都设置为auto,就可以实现块级元素水平居中 .nav { width: 500px; margin: 0 auto; } 文字盒子居中图片和背景区别 文字水平居中是 text-align: center 盒子水平居中 左右margin改为 auto tex...
2020-03-09 16:57:18
988
原创 CSS三大特性
CSS三大特性 层叠性 就是指CSS样式的叠加 样式冲突,遵循就近原则。 样式不冲突,不会层叠。 继承性 继承性就是,子标签会继承父标签的某些样式(文本字号和颜色),恰当的使用继承,可以简化代码,降低CSS样式的复杂性。子元素可以继承父元素的样式(text- ,font- ,line- 这些元素开头的都是可以继承的,color属性也是可以的。) 优先级 定义CSS样式时,...
2020-03-09 16:21:57
319
原创 css标签的显示模式
标签的显示模式(display) 块级元素(block) 常见的块元素<h1-h6>,<p>,<div>,<ul>,<ol>等,最典型的就是div 特点: 1)总是从新行开始 2)高度,行高,外边距以及内边距都可以控制 3)默认宽度是容器100% 行内元素(inline) 常见的行内元素<a>,...
2020-03-02 11:58:37
247
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅