html+css
墨水白云
学如才识,不日进,则日退。
展开
-
html[HTML页面加载流程和解析流程,重排重绘的含义]
HTML页面加载流程和解析流程1.浏览器输入网址,DNS解析成ip地址2.进行三次握手3.浏览器发出请求,服务器进行响应,最后获取到html文件4.浏览器开始解析html文件5.浏览器从上至下解析文件代码,遇到link后向服务器进行数据请求,6.之后在继续向下解析,载入部分html代码后配合css文件进行渲染7.遇到图片之后,发出图片请求,不等反应又继续解析8.等到图片响应之后,回过来重新渲染图片以及其之后的内容9.遇到script标签则直接加载运行其中的内容10.如果js中执行了一些d原创 2021-03-17 18:14:55 · 272 阅读 · 0 评论 -
html[css盒子模型、块级标签、行内(内联)标签、行内块标签,自闭合标签]
关于css盒子模型用一句话概括就是:css盒子模型是一个拥有margin(外边距)、border(边框)、padding(内边距)、和content(内容)的盒子,用来封装周围的HTML元素。可以通过box-sizing属性改变盒子模型的结构box-sizing: content-box | padding-box | border-box(又称IE怪异盒模型)1.标准的盒子模型 box-sizing:content-box(默认值)。此时: width宽度 = content(内容宽度)原创 2021-03-17 11:29:19 · 1311 阅读 · 0 评论 -
css[自定义滚动条样式]
而不是使用系统的默认滚动条,如下:只需要给产生滚动条的标签加上一个css类即可。如:m-scroll类的样式内容如下:原创 2020-07-23 10:27:07 · 215 阅读 · 1 评论 -
css[两个子容器同高且撑起父容器高度]
面对的问题是:1.左右不同高2.整体高度低于当前窗口高度页面内容分为上中下结构,然后中间有侧边栏和主体内容。需求是:当中间的内容不够高的时候,让页面内容能够铺满整个屏幕,当中间内容过高的时候自动将内容称起来显示滚动条,并且将侧边栏和主题内容高度同高第一种方式侧边栏使用position:absolute;height:100%;left:0;top:0;right:0;bottom:0;第二种方式父容器display:flex;子容器height:inherit.原创 2020-06-16 10:15:25 · 2179 阅读 · 1 评论 -
css[常用布局收集整理]
总结:定位尺寸浮动最初的布局——table两栏布局三栏布局移动端的布局原创 2020-03-30 13:53:45 · 452 阅读 · 1 评论