CSS
关注
分享
扫一扫
ckx_cxy
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML+CSS基础知识个人笔记_5
HTML+CSS基础知识个人笔记_41.盒子小知识点1.1盒子水平居中1.2 外边距合并1.3 外边距塌陷1.4 盒子默认宽度1.5 圆角盒子1.6 盒子阴影2. 盒子浮动2.1 盒子浮动与标准流父级搭配2.2 浮动的隐藏模式转换2.3 盒子浮动的注意点 1.盒子小知识点 1.1盒子水平居中 通过margin的auto来设置。 注意理解auto的作用效果。 <!DOCTYPE html&g...原创 2018-11-20 23:21:12 · 156 阅读 · 0 评论 -
HTML和body标签的疑惑
HTML和body标签的疑惑 参考资料 https://blog.youkuaiyun.com/u012028371/article/details/52999230 https://www.zhangxinxu.com/wordpress/2009/09/对html与body的一些研究与理解/ 宽高百分比，应该是相对于父元素的，父元素没有定值（没有或者auto），就向上层继续找 HTML和BODY标签，不是...原创 2018-11-29 08:31:29 · 787 阅读 · 0 评论 -
弹性盒子的行高设置文字垂直居中
弹性盒子的行高设置文字垂直居中 行高设置居中对齐，是针对内容宽度 在CSS3的border-sizing模式下，是内减模式 所以要减去padding和border 要小心 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document原创 2018-11-29 08:26:40 · 2799 阅读 · 0 评论 -
HTML+CSS基础知识个人笔记_8
HTML+CSS基础知识个人笔记_81. 结构伪类选择器2. 属性选择器3. 伪元素选择器4. CSS3盒子模型5. 经典案例6. 过渡6.1 transition6.2 transform的translate（定位盒子居中,小心动画中可能的层叠）7. 动画8. 动画和变形小结9. CSS3伸缩布局 1. 结构伪类选择器 注意理解，是第n个孩子的意思。 &lt;!DOCTYPE html&gt;...原创 2018-11-29 08:23:36 · 201 阅读 · 0 评论 -
HTML+CSS基础知识个人笔记_4
HTML+CSS基础知识个人笔记_41. CSS背景设置1.1 背景半透明2. 盒子模型2.1 边框-border2.1.1 边框问题2.1.2 表格细线边框2.2 内边距-padding2.2.1 内边距问题2.2.2 内边距计算2.3 外边距-margin2.4 盒子小结 1. CSS背景设置 background： :background-color || background-image ...原创 2018-11-20 12:01:31 · 300 阅读 · 0 评论 -
HTML+CSS基础知识个人笔记_6
HTML+CSS基础知识个人笔记_61. 清除浮动的四种方法1.1 额外标签法1.2 overflow清除浮动1.3 after伪元素清除浮动1.4 双伪元素清除浮动2. 定位2.1 静态定位（static）2.2 相对定位（relative）2.3 绝对定位（absolute）2.3.1 没有父级或者父级没有定位2.3.2 父级有定位2.3.3 子绝父相2.3.4 关于浮动和定位的一点小问题2...原创 2018-11-22 22:14:14 · 124 阅读 · 0 评论 -
HTML+CSS基础知识个人笔记_7
HTML+CSS基础知识个人笔记_71. 显示与隐藏2. 土豆案例3. overflow4. cursor5. 轮廓线和防止文件域拖拽6. vertical-align7. 溢出文字省略号8. sprite的使用9. 微信滑动门 1. 显示与隐藏 display 不占坑 visibility 占坑 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&qu原创 2018-11-23 23:05:47 · 223 阅读 · 0 评论 -
HTML+CSS基础知识个人笔记_3
HTML+CSS基础知识个人笔记_3CSS显示模式块级元素: block-level行内元素: inline-level行内块元素: inline-block显示模式转换显示模式注意点CSS行高的处理CSS三大特性层叠性继承性优先级特殊性（权重）权重的计算三大特性小结1.确认是否继承1.1 发生继承（没有直接指定）1.2 没有继承（有直接指定）---&amp;amp;gt; 22. 计算权重，进行比较2.1 如...原创 2018-11-19 13:12:14 · 188 阅读 · 0 评论 -
HTML+CSS基础知识个人笔记_1
HTML基础知识个人笔记_1HTML表格表格的创建合并单元格HTML input 控件 HTML表格 表格的创建 表格创建方式， table&amp;gt;cap+tr&amp;gt;td或者table&amp;gt;tr&amp;gt;th，th为表头，caption为标题 注意和dl的小差别，dl dt dd 的dd为空，不会占位。目前是如此。 &amp;lt;!DOCTYPE html&amp;g原创 2018-11-19 10:34:11 · 271 阅读 · 0 评论 -
HTML+CSS基础知识个人笔记_2
CSS基础知识个人笔记_1CSS样式行内样式内部样式表外部样式表CSS选择器基本选择器标签选择器类选择器多类名选择器id选择器通配符选择器复合选择器链接伪类选择器并集选择器交集选择器后代选择器子代选择器 CSS样式 行内样式 写在行内，如下所示 style = “color: green” &amp;amp;amp;lt;div class=&amp;amp;quot;name&amp;amp;quot; id=&amp;amp;quo原创 2018-11-19 11:16:15 · 157 阅读 · 0 评论 -
自定义 checkbox 等组件
自定义 checkbox 等组件原创 2019-01-07 23:22:39 · 282 阅读 · 0 评论