- 博客(9)
- 收藏
- 关注
RSS订阅原创 前端学习 课堂笔记 CSS篇（四）定位装饰
场景:项目中将多张小图片，合并成一张大图片，这张大图片称之为精灵图优点:减少服务器发送次数，减轻服务器的压力，提高页面加载速度取值场景数字+px简单方便，常用百分比相对于当前盒子自身的宽高百分比contain包含，将背景图片等比例缩放，直到不会超出盒子的最大cover覆盖，将背景图片等比例缩放，直到刚好填满整个盒子没有空白完整连写：background: color image repeat position/size;（属性值无顺序之分）
2023-06-21 12:08:49
53
原创 关于学习盒子模型中遇到的问题及解决方法
在求解后得知原因是浏览器的显示比例虽然是100%，但是windows的显示设置为150%，所以代码设置的宽度和高度，放在windows上运行后，显示效果会放大1.5倍，而显示器上看到的所有东西都是放大1.5倍之后的效果。今天在学习盒子模型时，使用css设置了相同的宽高，理应是个标准的正方形。参考解决方案：将代码的宽度和高度大小改为测量值的2/3。然而在浏览器显示却是长方形。
2023-06-01 08:30:32
96
原创 前端学习 课堂笔记 CSS篇（四）元素显示模式
块级元素一般作为大容器，可以嵌套:文本、块级元素、行内元素、行内块元素等等，但是p标签中不要嵌套div、p、h等块级元素。- div、p、h系列、ul、 li、dl、dt、dd、form. header、nav、footer......2．给同一个标签设置相同的样式→此时样式会层叠覆盖→最终写在最后的样式会生效。特性:子元素有默认继承父元素样式的特点（子承父业)可以继承的常见属性(1.给同一个标签设置不同的样式→此时样式会层叠叠加→会共同作用在标签上。a标签内部可以嵌套任意元素，但是a标签不能嵌套a标签。
2023-05-24 20:53:04
82
原创 前端学习 课堂笔记 CSS篇（三）背景
特殊情况:在pc端，如果盒子大小和背景图片大小一样，此时可以直接写background: url()如果需要设置单独的样式和连写，要么把单独的样式写在连写的下面，要么把单独的样式写在连写的里面。·推荐: background: color image repeat position。注意点：方位名词取值和坐标取值可以混使用，第一个取值表示水平，第二个取值表示垂直。属性值:background-image: url( '图片的路径');属性名: background-image (bgi)
2023-05-16 21:58:12
50
原创 前端学习 课堂笔记 CSS篇（二）选择器及优先级
2．并集选择器中的每组选择器可以是基础选择器或者复合选择器3．并集选择器中的每组选择器通常一行写一个，提高代码的可读性。·在选择器1所找到标签的后代(儿子、孙子、重孙子...）中，找到满足选择器2的标签，设置样式。(既又原则）找到页面中既能被选择器1选中，又能被选择器2选中的标签，设置样式。在选择器1所找到标签的子代(儿子)中，找到满足选择器2的标签，设置样式。2．交集选择器中如果有标签选择器，标签选择器必须写在最前面。选择器语法:选择器1 ，选择器2 { css }选中鼠标悬停在元素上的状态，设置样式。
2023-05-14 21:04:24
117
原创 前端学习 课堂笔记 CSS篇（一）
1. 所有标签上都有class属性，class属性的属性值称为类名(类似于名字)2．类名可以由数字、字母、下划线、中划线组成，但不能以数字或者中划线开头3.一个标签可以同时有多个类名，类名之间以空格隔开。注意点：如果给同一个标签设置了相同的属性，此时样式会层叠（覆盖)，写在最下面的会生效。取值：px/em（推荐em，1em =当前标签的font-size的大小）1、标签选择器--以标签名命名的选择器，所有的这个标签都生效。文本、span标签、a标签、input标签、img标签。
2023-05-13 20:09:43
130
1
原创 前端学习 课堂笔记 HTML篇
注意：只有同一个结构标签中的单元格才能合并，不能跨结构标签合并(不能跨: thead、tbody、tfoot)2.通过左上原则，确定保留谁删除谁，上下合并→只保留最上的，删除其他左右合并→只保留最左的，删除其他。当图片加载失败时，便会显示alt的文本；当图片加载成功时，不会显示alt的文本。1、ul标签中只允许包含li标签 2、li标签可以包含任意内容。文字都有变大，并且从h1→h6文字逐渐减小，独占一行。b,u,i,s皆为语义标签，后者表示的语义更强烈！dl标签中只允许包含dt/dd标签。
2023-05-08 19:35:56
68
1
原创 了解软件工程师，了解前端
在浏览器地址输入www.baidu.com会显示百度首页，这就是浏览器与后端交互的过程，当利用百度搜索一个数据时，这些返回来的数据也是服务器上的后端通过前端发送来的请求，去和数据库交互之后拿到结果然后响应给前端。现在国内常见的浏览器有：IE、Firefox、Safari、Opera、Google Chome、QQ浏览器、搜狗浏览器、百度浏览器、猎豹浏览器、UC浏览器、360浏览器等等。不同的浏览器内核对网页的语法解释也不同，因此前端程序员需要在不同内核的浏览器中测试网页的渲染效果。
2023-05-06 19:06:44
475
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人