美文网首页
CSS基础样式

CSS基础样式

作者: 冰点雨 | 来源:发表于2022-07-29 15:38 被阅读0次

border

solid 实线
dotted 点状虚线
dashed 虚线
double 双线

水平垂直方向布局

设置水平居中

margin: 0 auto;
overflow

overflow处理子元素从父元素溢出
visible 默认值
hidden 超出部分被裁剪
scroll 生成x y两个滚动条
auto 根据实际需要生成滚动条

垂直外边距的重叠(折叠)
相邻的垂直方向外边距会发生重叠现象
兄弟元素
- 兄弟元素见得相邻垂直外边距会取两者之间的较大值(两者都是正值)
- 特殊情况
如果相邻的外边距一正一负,则取两者的和
古国相邻的外边距都是负值,则取两者中的绝对值较大的
- 兄弟元素之间的外边距的重叠,对于开发是有利的,所以我们不需要进行处理

      父子元素
        - 父子元素间相邻外边距,子元素的会传递给父元素(上外边距)

行内元素(行内元素不能设置宽高)

display和visibility

display 设置元素显示类型
inline 设置为行内元素
block 设置为块元素
inline-block 设置为行内块元素,即可设置宽高,又不会独占一行
none 隐藏元素

visibility 设置显示状态
hidden 显示
hidden 隐藏,占据位置

相关文章

  • CSS学习资源

    基础篇 CSS 最核心的几个概念 CSS 简写指南 CSS样式基础 CSS样式设置 CSS布局模型 CSS文字排版...

  • 【2016年特别福利】史上最全CSS学习资料大全

    基础篇 CSS 最核心的几个概念 CSS 简写指南 CSS样式基础 CSS样式设置 CSS布局模型 CSS文字排版...

  • css基础

    1 、 CSS样式的基础知识 1 认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sh...

  • css基础(一)

    css基础 样式类型 行内样式 追命 ​ 内部样式 div { color: red ; } ​ ...

  • CSS基础理解

    CSS基础理解 一、CSS 加载方式有几种 CSS可以通过使用外部样式表、内部样式表、内联样式来使用。 外部样式表...

  • 03-CSS3

    CSS教程 01-CSS入门基础 课程概要 一、CSS介绍 CSS概述 CSS指层叠样式表 CSS样式表极大地提高...

  • web前端入门到实战:css选择器和css文本样式相关

    css基础-css选择器和css文本样式相关: 使用link链入外部样式,页面加载时会同时加载样式 @import...

  • 认识CSS(1)

    1、CSS的定义 css指层叠样式表,以html为基础,控制页面布局和样式 html:页面结构 css:页面样式表...

  • CSS基础样式总结

    二、CSS基础样式 1、CSS样式简介 (1)内联样式 在标签内部通过style属性设置元素的样式存在问题:使用内...

  • css入门必学,基础重难点,css选择器

    css基础 一.什么是CSS CSS是级联样式表 CSS术语标记语言,没有逻辑 CSS作用 完成网页内容的样式与布...

网友评论

      本文标题:CSS基础样式

      本文链接:https://www.haomeiwen.com/subject/tnqxwrtx.html