![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5和CSS3
响应式web设计
898178
enjoin the pain which is unable to avoid
展开
-
CSS3选择器 2019.9.19
一、 子代选择器 E>F 相邻选择器 E+F(F紧挨着E) 兄弟选择器 E~F 例: div.big.c1 (tap) div#big div>div*3 div#wrap>p+h1 div#wrap>ul>li*4 二、伪类选择器 a:hover E:nth-child(n) E:after;E-before. (在E元素内容前...原创 2019-09-20 00:19:07 · 131 阅读 · 0 评论 -
相对定位和绝对定位 2019.9.20
定位:(坐标确定,参照点) position: absolute 绝对定位 relative 相对定为 一、坐标确定 left right top bottom 二、参照点 参照点选取取决于绝对定位还是相对定为 1.绝对定位:当前元素的第一个应用相对或绝对定位的祖先元素,找不到用浏览器的左上角 html> <html> <head> &l...原创 2019-09-20 11:16:05 · 174 阅读 · 0 评论 -
HTML弹性布局
表格:上手容易,对齐简单,维护较难,不太灵活 盒子模型:应用float排版,父子兄弟元素之间的垂直对齐难以处理 行内块元素:应用 display:inline-block 和 vertical-align ,父子元素垂直对齐难以处理,默认有一些margin,难以处理 定为布局:灵活,但是维护差,父元素不能自适应子元素高度(往往在做特效时应用,二不适用于普通排版) 弹性布局: 父元素...原创 2019-09-29 09:58:18 · 226 阅读 · 0 评论