css基础(level 2)
文章平均质量分 64
css基础
谁诉离殇~
菜鸟前端,学习笔记
展开
-
-浏览器渲染
这个实际上只需要掌握reflow和repaint就好了浏览器如何渲染页面浏览器解析1、浏览器通过请求的 URL 进行域名解析,向服务器发起请求,接收文件(HTML、CSS、JS、Images等等)。2、HTML 文件加载后,开始构建 DOM Tree3、CSS 样式文件加载后,开始解析和构建 CSS Rule Tree4、Javascript 脚本文件加载后, 通过 DOM API 和 CSSOM API 来操作 DOM Tree 和 CSS Rule Tr..原创 2022-02-14 10:48:53 · 369 阅读 · 0 评论 -
-表格和表单
一、表格(1)定义表格(2)标签:<table> 定义 HTML 表格<thead> 标签定义表格的表头<tbody> 标签表格主体(正文)<tfoot> 标签定义表格的页脚(脚注或表注)// 代码中需要在之前<tr> 元素定义表格行<th> 元素定义表头<td> 元素定义表格单元<caption> 元素定义表格标题,必须紧随 table 标签之后。只能对每个表格定义一个标题,.原创 2022-02-14 10:48:22 · 358 阅读 · 0 评论 -
-背景图片设置
一、背景图片设置1、设置方式有下载需求的图片采用 img 标签实现(方便用户下载),无下载需求的图片采用 CSS 背景图实现下载需求:比如产品 logo、用户头像、用户产生的图片等无下载需求:比如icon、背景、代码使用的图片2、图片的srcimg 的 src必须要有个值。延迟加载的图片也要增加默认的 src。src 取值为空,会导致部分浏览器重新加载一次当前页面3、图片的alt为重要图片添加 alt 属性,提高图片加载失败时的用户体验4、图片的width 和 he.原创 2022-02-14 10:47:29 · 542 阅读 · 0 评论 -
-百分比设置margin和padding,line-height,height
用百分数设置margin和padding用百分数设置margin和paddding的时候,其top right bottom left的值是参照父元素盒子的宽度进行计算,如 .demo1{ width:980px;height:500px; } .demo1 div{margin:10% 5%; } // 相当于margin:98 49;为什么都是以宽度为标准1、高度持续增加第一种说法是,padding-top如果以容器高度为参照,那么子元素应用padding值将会继续加高容器的高度,容器.原创 2022-02-14 10:46:58 · 887 阅读 · 1 评论 -
-css杂
(1)设置logo: 用一个<a href="#"><img src="" alt=""></a> 对于可能有下载需求的图片,都用img来实现(2)css中颜色命名方法: 命名颜色:color:gray; RGB颜色:color:rgb(0,125,246); 十六进制颜色:color:#cccccc; 短十六进制颜色:color:#fff;(3)子元素选择器:> 选择元素的直接的目标子元素,不是选择所有的子元素 &...原创 2022-02-14 10:46:25 · 72 阅读 · 0 评论 -
-css实现一些效果(d)
一、伸缩相册[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-G00oc7sM-1644806740585)(F:/markdown专用/伸缩相册.jpg)]效果描述:点击图片2,然后图片2变大,把后面的图片往后面挤,图片6变小;再点击图片3,图片3往左移变大,图片2变小。实现描述:用label来绑定input,然后点击label之后,改变它后面所有label的位置。.box label{ width:300px; height:400px; border:原创 2022-02-14 10:45:51 · 148 阅读 · 0 评论 -
-Border属性制作三角&&斜线
注2: 做三角一般就用下面第一个方法就好了,四条边都加上border用border属性制造图形(三角、梯形等)和斜线(1)四条边都加上border,来画三角(最常用):这样画的三角,是四个完全一样的三角;实际操作如下首先把这个元素的width和height都设置为0,overflow设置为hidden,图像就不会被拉伸变形,中间也就不会出现空白,也不会显示元素里面的任何内容;简单说就是让元素只显示border然后 给四个方向的border都加上一个宽度,让四个方向都由border填充最..原创 2022-02-14 10:45:17 · 902 阅读 · 0 评论