css盒子模型用于处理元素的内容、内边距、边框和外边距的方式简称。元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。 内边距、边框和外边距都是可选的,默认值是零。但是,许多元素将由用户代 ...
分类:
Web程序 时间:
2020-05-23 16:23:19
阅读次数:
46
标签等级 + 块级元素 1. 霸占一行,不能与其他任何元素并列。 2. 能接受宽高,如果不设置宽度,那么宽度将默认变为父级的100%。 + 行级元素 1. 与其他行内元素并排 2. 不能设置宽高,默认的宽度就是文字的宽度。 + 行级元素与块级元素的转换 1. display:inline将块级元素设 ...
分类:
Web程序 时间:
2020-05-22 17:35:29
阅读次数:
103
[^目录]:回到目录 [目录] [Toc] 一、普通流介绍 1. 普通流(标准流):默认状态,元素自动从左往右,从上往下的排列 2. 块元素 独占一行 可以设置宽高 如果不设置宽高,宽度默认为容器的100% 3. 行内元素 与其它元素同行显示 不可以设置宽高 宽高就是文字或图片的宽高 二、浮动的基本 ...
分类:
其他好文 时间:
2020-05-18 16:03:05
阅读次数:
53
CSS-Layout 旨在打造详尽的前端布局代码学习库(自从用了框架开发,CSS生疏了不少,所以开这个库练练手)SF不能正确解析含有中文的网址,所以某些预览链接无法跳转,请访问我的博客阅读此文 常见定位方法 水平居中 子元素为行内元素还是块状元素,宽度一定还是宽度未定,采取的布局方案不同。 方案选择 ...
分类:
Web程序 时间:
2020-05-16 20:22:32
阅读次数:
88
八.文本格式化 2.文本属性 ①文本颜色 color:合法的颜色值 ②文本对齐方式 text-align: 取值 left/center/right/justify 注意 1.一个元素写了text-align,控制的是内部的文本 2.这个元素自己想居中对齐,margin:0 auto; 3.text ...
分类:
Web程序 时间:
2020-05-16 18:49:01
阅读次数:
129
图片标签 图片标签用于向当前页面中引入一个外部图片 使用img标签来引入外部图片,img标签是一个自结束标签,img这种元素属于替换元素(块元素与行内元素之间,具有两种元素的特点) 属性:src 指得是图片的路径 alt指得是图片的描述,正常情况下不会显示,当有的浏览器不显示的时候,搜索引擎会根据a ...
分类:
其他好文 时间:
2020-05-13 23:44:48
阅读次数:
90
元素种类分类 标签按照元素种类可以分为行内元素(display: inline);,块级元素(display:block)和行内块级元素(display:inline block)三种。了解元素种类有利于,我们进行 布局及属性的使用。 行内元素 也叫内联元素或内嵌元素,只能容纳文本或其他内联元素。 ...
分类:
其他好文 时间:
2020-05-11 18:22:05
阅读次数:
51
html + css基础 ?基本的布局(中间自适应旁边固定啥的)的几种实现方法; ?垂直居中的几种实现方法; ?盒模型; ?position; ?行内元素和块元素; ?BFC(块级格式化上线文,和浮动一起考); ?animation; ?伪元素伪类; ?less、sass、stylus这种预处理器; ...
分类:
其他好文 时间:
2020-05-08 20:12:51
阅读次数:
71
1 能用HTML和CSS完成的不用JS。 css优先级: !important > 行内样式 > id > 类 > 标签 > 继承 2 块级元素,内联元素和行内块元素: 1 行内元素只能设置水平方向的内外边距,默认显示本身内容的宽度。 2 块级元素默认显示宽度是容器的100%, 3 行内块元素包括i ...
分类:
Web程序 时间:
2020-05-02 22:53:56
阅读次数:
74
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, ...
分类:
其他好文 时间:
2020-05-01 20:54:41
阅读次数:
68