- 博客(12)
- 收藏
- 关注
RSS订阅原创 第九周css笔记（二）
如果将两个外边距设置为auto，宽度固定值，则会将外边距设置为相同的值，所以经常利用这个特点来使一个元素在其父元素中水平居中。调整的情况：如果这七个值中没有为auto的情况，则浏览器会自动调整margin-right值以使等式满足。如果将一个宽度和一个外边距设置为auto，则宽度会调整到最大，设置为auto的外边距会自动为0。2，子元素是在父元素的内容区中排列的，如果子元素的大小超过了父元素，则子元素会从父元素中溢出。1，元素的水平方向的布局：元素在其父元素中水平方向的位置由以下几个属性共同决定。
2023-12-10 20:39:15
34
1
原创 第九周css笔记（一）
③元素在页面中按照自左向右的顺序排列的，所以默认情况下如果我们设置的左和上外边距则会移动元素自身，而设置下和右外边距会移动其他元素。padding 内边距的简写属性，可以同时指定四个方向的内边距，规则和boder-width一样。2，margin的简写属性：margin可以同时设置四个方向的外边距，用法和padding一样。1，外边距(margin)：外边距不会影响盒子可见框的大小，但是外边距会影响盒子的位置。margin-bottom：下外边距，设置一个正值，其下边的元素会向下移动。
2023-12-10 20:38:31
25
1
原创 第八周css笔记（二）
行内元素在页面中左向右水平排列，如果一行之中不能容纳下所有的行内元素，则元素会换到第二行继续自左向右排列(书写习惯一致)1，盒模型(盒子模型，框模型，box model)：css将页面中的所有元素都设置成了一个矩形的盒子。边框(border)：边框属于盒子边缘，设置边框需要至少三个样式，边框的大小会影响到整个盒子的大小。将元素设置成矩形的盒子后，对页面的布局就变成将不同的盒子摆放到不同的位置。内容区(content)：元素中的所有子元素和文本内容都在内容区中排列。默认宽度是父元素的全部(会把父元素撑满)
2023-12-03 16:45:49
32
1
原创 第八周css笔记(一)
2，RGB值：RGB通过三种颜色的不同浓度来调配出不同的颜色。1，颜色单位：在css中可以直接使用颜色名来设置各种颜色。颜色浓度通过00-ff，如果颜色两位两位重复可以进行简写。每一种颜色的范围在00-255(0%-100%)之间。需要四个值，前三个和rgb一样，第四个表示不透明度。1表示完全不透明，0表示完全透明，0.5表示半透明。1，em是相对于元素的字体大小来计算的。S-饱和度：颜色浓度0%-100%语法：RGB(红色，绿色，蓝色)L-亮度：颜色亮度0%-100%em会根据字体大小的改变而改变。
2023-12-03 16:43:57
30
1
原创 第六周css笔记(二)
②继承的设计是为了方便开发，利用继承可以将一些通用的样式统一设置到共同的祖先元素上，这样只需设置一次即可让所有的元素具有该样式。1，①样式冲突：通过不同的选择器，选中相同的元素，并且为相同的样式设置不同的值，此时发生样式冲突。ps：⑴比较优先级时，需要将所有选择器的优先级进行相加计算，最后优先级越高，则越优先显示。1，含义：①我们为一个元素设置的样式同时也会应用到它的后代元素上。②发生样式冲突时，应用哪个样式由选择器的权重(优先级)决定。②不同屏幕的像素大小不同，像素越小的屏幕显示效果越好。
2023-11-19 19:23:40
70
1
原创 第六周css笔记(一)
例 ：first-child 第一个子元素，last-child 最后一个子元素，nth-child()选中第n个子元素(特殊值：n，第n个，n的范围是0到正无穷。例 ：：first-letter 表示第一个字母，：：first-line 表示第一行，：：selection 表示选中的内容。2，：：before，元素开始的位置，：：after 元素的最后。1，伪类(不存在的类，特殊的类)：伪类用来描述一个元素的特殊状态。1，伪元素：表示页面中一些特殊的并不真实存在的元素(特殊的位置)
2023-11-19 19:22:20
67
1
原创 第五周css笔记(二)
③祖先元素：直接或间接包含后代元素的元素叫做祖先元素，一个元素的父元素也是他的祖先元素。④后代元素：直接或间接被祖先元素包含的元素叫做后代元素，子元素也是后代元素。作用：根据元素的class属性值选中一组元素。⑤兄弟元素：拥有相同父元素的元素是兄弟元素。①父元素：直接包含子元素的元素叫做父元素。②子元素：直接被父元素包含的元素为子元素。作用：根据元素的id属性值选定一个元素。作用：同时选择多个选择器对应的元素。作用：选中指定元素内的指定后代元素。作用：选中指定父元素的指定子元素。
2023-11-12 17:04:39
40
原创 第五周HTML+CSS笔记
②内部样式表：将样式编写到head中的style标签里，通过css的选择器来选中元素为其设置各种样式，可以同时为多个标签设置样式，并且修改时只需要修改一处即可。②声明块：通过声明块来指定要为元素设置的样式，声明块由一个个的声明组成，声明是一个名值对结构，一个样式名对应一个样式值，名和值之间用：连接，以；1，层叠样式表：网页实际上是一个多层的结构，通过css可以分别为网页的每一个层来设置样式，我们最终只看到的是网页的最上层。①内联样式(行内样式)：在标签内部通过style属性来设置元素的样式。
2023-11-08 21:52:56
66
原创 第四周html笔记
ps：(1)id属性(唯一不重复的)：每一个标签都可以添加一个id属性，id属性就是元素的唯一标识，同一个页面中不能出现重复的id属性。①当我们需要跳转一个服务器内边的页面时，一般我们都会使用相对路径，相对路径都会使用.或..开头例：./ ../ps：一般情况在PC端，不建议修改图片的大小，需要多大的图片就裁多大。③属性：href指定跳转的目标路径。②回到顶部：直接将超链接的href属性设置为#，点击后不会跳转，直接转到页面的顶部的位置。②属性：src属性指定的是外部图片的路径(路径规则和超链接是一样的)
2023-11-05 15:03:24
48
原创 第三周HTML笔记
例：charset指定网页的字符集，name指定数据名称，content指定的数据的内容①keyword表示网站的关键字(可以同时指定多个关键字，关键字间使用,[英文]隔开)在网页中HTML专门用来负责网页的结构，所以在使用html标签时，应该关注的是标签的语义，而不是它的形式(形式使用css改变)4.实体语法：＆实体的名字；②description用于指定网站的描述，网站的描述会显示在搜索引擎的搜索的结果中。①h1在网页中的重要性仅次于title标签，一般情况下一个页面中只会有一个h1。
2023-10-29 20:31:57
45
原创 第二周HTML笔记
①注释中的内容会被浏览器所忽略，不会在网页中直接显示，但是可以在源代码中查看注释，注释用来对代码进行解释说明的，注释要求简单明了。常见字符集：ASCII，ISO88591，GB2312，GBK，UTF-8(在开发时我们使用的字符集都是UTF-8)②head是网页的头部，head中的内容不会在网页中直接出现，主要用来帮助浏览器或搜索引擎来解析网页。⑤有些属性有属性值，有些没有。①html的根标签(元素)，网页的所有内容都要写在根元素的里边。④搜索引擎会主要根据title中的内容来判断网页的主要内容。
2023-10-22 14:01:54
91
1
原创 html自学笔记一
卡发语言:Java(主要)，PHP，c ，Python，Node.js等。形式:文字，图形化(c/s)，网页(B/S)1，软件类型:系统软件，应用软件，游戏软件。一HTML，CSS课程简介。①文本编辑器编写的为文本。客户端→服务器→客户端。4，结构，表现，行为。
2023-10-14 18:53:22
254
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人