- 博客(51)
- 资源 (2)
- 收藏
- 关注
原创 js 小算法问题
// var scroe = parseInt(window.prompt("input")); // 1. 2的n次幂 // var n = parseInt(window.prompt("n")); // var sum = 2; // if (n == 0) { // sum = 1 // } else { // for (var i = 0; i <...
2020-05-31 22:15:27 143 1
转载 css中float的边框案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-05-25 17:57:12 312
原创 css中float布局边框案例1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-05-25 17:33:21 218
原创 css中z-index设置定位元素的层叠关系
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-05-25 10:15:18 346
原创 css中绝对定位的技巧
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-05-25 09:52:20 159
原创 css中固定定位fixed,侧边栏小案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-05-24 21:56:32 644
原创 css中 margin: 0 auto居中的原理
垂直方向的居中,可以通过两步实现,先下移高度的一半,在上移本身高度的一半但不能直接用margin-top:50%,因为margin-top是相对于宽度,需要使用定位。
2020-05-24 10:06:05 255
原创 css中margin的传递
/* 上下margin会传递,在子容器和父容器顶部线相同时 */margin-bottom传递需要父容器的height为auto如何防止margin传递 1.给父元素设置padding-top 2.给父元素设置boder 3.触发bfc (block format content): * 浮动可以触发 * 设置一个元素的overflow为非vis...
2020-05-23 16:42:36 939
原创 css中重置默认样式
/** 清除内外边距 */{margin: 0;padding: 0;}/ 重置列表元素 **/ul, ol { list-style: none; }/** 重置文本格式元素 **/a { text-decoration: none; }a:hover { text-decoration: underline; }/** 重置表单元素 /legend { color: #000; }fieldset, img { border: 0; }button, input, select
2020-05-23 11:26:28 87
原创 css中table的caption,thead
<style> table { /* 设置边框宽度 线段类型 颜色 */ border: 1px solid #000; /* 将边框合并 */ border-collapse: collapse; /* 居中 */ margin: 0 auto; } /* th默认加粗 */ ...
2020-05-22 17:05:57 574
原创 css的选择器
通用选择器 元素选择器 类选择器 ID选择器 属性选择器 组合选择器 伪类选择器 伪元素选择器通用选择器比如消除内边距,外边距等*{margin:0;padding:0}
2020-05-21 18:41:25 95
原创 css动态伪类选择器
顺序是 link visited focus hover active,如果顺序发生变化可能不会起效果其中hover active对其他一些元素也适用
2020-05-21 18:40:26 115
原创 css中一些文本属性
text-decoration 下划线等letter-spacing word-spacing 字体间距text-transform 字母大小写转换text-indent 段落的首行缩进text-align 居中等
2020-05-21 00:28:21 105
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人