- 博客(14)
- 收藏
- 关注
RSS订阅原创 CSS-overflow和vertical-align的用法-八
溢出问题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {
2020-07-21 09:30:45
207
原创 CSS-float与float造成的影响以及解决办法-七
浮动： 是让两个有宽高的盒子并排,可以让这两个盒子转成行内块。但是有个小问题，盒子之间有空白浮动的诞生就可以让元素并排，并且还可以设置宽高特点： 1、相互贴靠；2、浮动的 元素可以设置宽高；3、脱离标准流（脱标）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w
2020-07-21 09:20:20
340
原创 CSS-元素分类以及改变显示模式-六
元素根据表现的特性分为：块级元素、行内元素、行内块元素1、块级元素div、p、ul、li、dl、dt、dd、h1~h6…特点：1）独占 一行；2）设置宽高有效(padding、margin、line-height)；3）不设置宽度，默认是父亲的百分之百；2、行内元素span/em/i/strong/a特点：1）可以与其他行内元素并排；2）人为的设置宽高无效（不支持垂直方向的margin和padding）；3）元素靠内容撑开；3、行内块img/input特点：1设置宽高；2可
2020-07-16 16:34:24
169
原创 CSS-背景-五
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {
2020-07-07 23:56:55
110
原创 CSS-盒子模型之塌陷问题-四
<!-- margin塌陷问题--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style
2020-07-07 22:50:20
389
原创 CSS-盒子模型 三
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {
2020-06-19 11:22:12
137
原创 CSS-基础-选择器属性-二
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> p { c
2020-06-18 16:58:57
130
原创 CSS-基础-自学笔记一
<!-- css 层叠样式表 网页化妆师 1、如何在网页中引入css代码 行内式 设置标签的style属性 用的不多，后台喜欢用 一般少量的样式可以这样写，其他不推荐用，不专业 <p style="color: brown; background-color: cadetblue;">一段文字</p> 内嵌式 在head标签内部放置
2020-06-17 11:53:21
263
原创 HTML-补充 自学笔记Ⅵ
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--
2020-06-17 09:13:20
117
原创 HTML-form表单自学笔记Ⅴ
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <table a
2020-06-16 23:48:28
175
1
原创 HTML-表格自学笔记Ⅳ
<!-- 表格 用于布局：展示数据 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
2020-06-16 15:28:35
111
原创 HTML-列表自学笔记III
<!-- 列表 列表可以嵌套 无序列表 属性 快捷方式：ul>li*4(四列) type:样式 默认样式是圆点 circle：圆圈 square：方块 ul里必须是li li里面可以放任何东西 <ul type="">
2020-06-16 10:29:04
336
原创 HTML之自学笔记Ⅱ
<!-- 常用标签 标题 h1-h6 语义化 双标记 段落 p 双标记 格式化标签 em/i 让文本倾斜 i没有语义 em有强调的意义 <br/> 换行标记 b/strong 加粗 strong有语义 b没有语义 图像标签 img <img src="xx
2020-06-16 08:50:10
319
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人