- 博客(13)
- 收藏
- 关注
原创 Web学习Day10!
1.定义:标准流也叫文档流,指的是标签在页面中默认的排布规则。2.布局网页优先选择标准流,如果无法完成想要实现的效果,则采用浮动(了解)或者Flex布局。
2024-03-10 22:08:54
153
1
原创 Web学习Day9!
(一)外边距的合并1.场景:垂直排列的兄弟元素,上下margin会合并2.现象:取两个margin中较大的值生效3.效果:4.应用:上下都有margin时(两盒子之间的间距),直接设置一个盒子的margin时,只设置一个盒子的margin值就ok(二)塌陷问题1.场景:父子级的标签,子级添加上外边距会产生塌陷的问题2.现象:会导致父级一起向下移动3.效果:4.解决方法:a.规避:取消子级margin,给父级加paddingb.发生后解决:父级设置overflow:hidden =>找到father的正确边
2024-03-09 23:07:06
300
原创 Web学习Day8!
1.作用:布局网页1,摆放盒子和内容2.组成部分:内容区域:weight&height内边距: padding(内容与盒子边缘之间)边框线:border外边距:margin(盒子外面,用于拉开两个盒子之间的距离)
2024-03-06 22:32:25
263
1
原创 Web开发学习Day7!
1.作用:根据元素的结构关系查找元素。说明3. :nth-child(公式)(1)作用:根据元素的结构关系查找多个元素ps:n是从0开始。
2024-03-05 22:37:09
138
1
原创 Web开发学习Day6补~
1.含义:代码的简写方式,输入缩写vs code会自动生成对应的代码2.HTMLEmmetCSS:大多数简写方式为属性单词的首字母。
2024-03-04 21:44:01
221
1
原创 Web开发学习Day5~
1.定义:层叠样式表(Cascading Style Sheets,缩写为 CSS)是一种样式表语言,用来描述HTML文档的呈现(美化内容)。2.书写位置:title标签下方添加style双标签,style标签里面书写CSS代码。选择器{属性名:属性值}
2024-03-02 19:23:33
872
原创 Web开发学习Day4补.
注意:支持label标签增大点击范围的表单控件有:文本框,密码框,单选框,多选框,下拉菜单,文本域等等。ps:用label标签绑定文字和表单控件的关系,可以增大表单控件的点击范围。注意:在代码中键盘敲出的空格,只能被网页识别一个;设置label标签的for属性和表单控件的id属性值相同。b.使用label标签包裹文字和表单控件,不需要属性。a.label标签只包裹内容,不包裹表单控件;(1)作用:布局网页(划分网页区域,摆放内容)(1)作用:网页中,某个标签的说明文本。(1)作用:在网页中中显示预留文字。
2024-03-02 15:48:22
122
原创 2024年2.27正式开始学习网页设计~
HTML:超文本标记语言——HyperText Markup Language。超文本,即链接;标记,即标签,带<>的文本保存HTML标签的文件扩展名:.html。
2024-02-27 22:53:35
379
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人