- 博客(13)
- 收藏
- 关注
RSS订阅原创 CSS(精灵图、外边距塌陷与合并)
2.外边距合并：垂直方向，并列关系的两个元素，上边元素设置margin-bottom：值；下边元素设置margin-top：值；（1）并列关系的两个元素，要么统一设置margin-top或者统一设置margin-bottom。（2）给并列关系的两个元素嵌套一个父元素，设置overflow:hidden (形成BFC)。1.外边距塌陷：防止外边距塌陷的写法：主要是把这个元素设置成BFC(块级格式化上下文 、独立的渲染区域)（2）设置边框：border: 1px solid white;
2024-07-18 13:26:40
364
原创 CSS常见属性（三）
【3】设置子元素在主轴方向上的位置（居中，开始位置，结束位置，两端对齐等）展示：justify-content。【4】设置子元素在侧轴方向上的位置（居中，开始位置，结束位置）展示：align-items。（7）（父元素）设置元素在侧轴方向的位置(和换行一起使用)：align-content。flex-wrap: wrap （换行）（3）把父元素设置成弹性盒子，可以自由控制子元素的位置和尺寸。（4）弄清楚哪些属性是给父元素设置，哪些属性是给子元素设置的。（6）（父元素）设置换行：设置超出部分的子元素换行。
2024-07-18 13:20:34
790
原创 CSS常见属性（二）
【3】遇到哪个标签设置了浮动，就找到这个标签的父元素，给这个父元素设置clearfix类名即可，就起到清除浮动的作用。（2）十六进制：#ffffff 、#000000 （0,1,2,3,4,5,6,7,8,9，a,b,c,d,e,f）（3）设置了浮动的元素，不占位置，就无法撑开父元素的高度。（1）相对位置（relative）：不会让元素脱离正常文档流、还占位置 （子绝父相）（2）绝对位置（absolute）：会让元素脱离正常文档流、不占位置 （子绝父相）（4）粘性定位（sticky）：吸顶、吸底；
2024-07-18 13:11:21
237
原创 CSS常见属性（一）
no-repeat 不平铺、repeat 平铺、repeat-x 水平平铺、repeat-y 垂直平铺。（1）font-* 字体相关的属性，这一类具有继承性（给父元素设置了，子元素或后代元素也会有作用）（6）background-size（背景图片的尺寸(cover 把图片自动填充满整合标签)）border-top-right-radius 右上角。border-top-left-radius 左上角。（5）background-position（背景图片的位置）（1）内边距： 是指边框与内容之间的间距。
2024-07-18 13:06:33
923
原创 CSS选择器
1.由父元素或祖先元素来确定选择的范围，这种选择器可以叫做派生选择器。后代选择器 ul li {}子代选择器 ul > li {} （只能是父子关系的标签）2.遇到组合的选择器带有空格的，他们是嵌套关系的标签。没有空格的选择器，表示同一个标签。3.li.active 表示类名叫做active的li标签li .active 表示选择li标签下，类名叫做active的子元素。
2024-07-18 12:52:52
973
原创 CSS初识
（2）CSS 叫做层叠样式表。层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。（1）CSS 是组成网页的重要部分，用于设置网页外观（表现）的文档，不是编程语言。（3）主要用于美化页面。平时所看到的界面效果，离不开CSS样式。在html文件中通过link标签引入样式文件。第三种：外联样式 (创建后缀名为.css文件)
2024-07-18 12:38:19
153
原创 网页开发规范
（1）使用英文词汇、或者拼音组合，可以用字母开头，不可以用数字开头 ,可以使用数字结尾（2）不可以使用特殊字符命名,可以使用$ _ -来定义类名（3）可以使用驼峰命名（4）可以使用中文命名，但是不建议使用（5）建议在定义类名、id名的使用，可以使用“开发者姓名的首字母”作为名称的前缀（6）标签字母是小写的（7）不建议直接采用单个字母命名 class="a" class="b"（1）id 在一个网页中，只有1个，是唯一的（2）class 在网页中， 整个页面或一个标签可以一个或有多个组成。
2024-07-18 12:23:45
205
原创 HTML常见标签（五）
1.vertical-align: top 作用：设置文本、行内元素、行内块元素垂直对齐方式。4.frameborder="0" 作用：设置框架的边框。name 作为框架名称、容器名称。2.target: 目标、跳转的位置。href: 页面文件地址。3.src 可以填写页面地址。5.隐藏框架出现的滚动条。
2024-07-18 12:19:19
189
原创 HTML常见标签（四）
input type="password" placeholder="密码输入框"><input type="number" placeholder="请输入数字"><input type="text" placeholder="文本输入框">2.text-align: center 作用：设置文本、行内元素、行内块元素水平居中。注：label标签的for属性 对应input标签的id属性、点击描述文本，输入框可以获取焦点。<input type="button" value="按钮">
2024-07-17 23:19:03
787
原创 HTML常见标签（三）
5.链接标签功能：跳转页面；返回页面顶部、跳转页面指定区域、下载文件。（4）鼠标激活链接的样式（点击的一瞬间）：a:active。4.target="_blank" 会在另一个窗口打开页面。1.<a>标签：行内标签，不可以直接设置宽度高度。（3）鼠标在链接上悬停的样式：a:hover。2.它可以嵌套文本、行内元素、块级元素（特例）（2）已访问的链接样式：a:visited。（1） 未访问的链接样式： a:link。
2024-07-17 13:27:02
201
原创 HTML常见标签（二）
（1） 合并边框线 ：border-collapse: collapse;5. colspan="4" 表示跨列 数字4 跨4列的意思。4.rowspan="2" 表示跨行 数字2 跨2行的意思。3.<caption></caption>标签：描述表格信息。1.cellspacing 设置单元格与单元格之间的距离。2.cellpadding 设置内容与边框之间的间距。6.<tfoot></tfoot>标签：表格尾部。caption 可选。
2024-07-17 13:10:40
172
原创 HTML常见标签（一）
例如： E:\xxx\xxx\xxx\xxx。../../ 上上一级目录路径。列表标签：可以独占一行显示，也可以直接设置宽度高度，视为。../ 上一级目录路径。的图片路径：这种是别人服务器的图片路径，需要连网才能访问。2.src 属性 填写图片文件路径。alt 属性 描述图片。1.img 单标签 ， 是。在同一行显示，可以直接设置宽度高度。
2024-07-16 23:18:56
310
原创 如何学习HTML？
也可以采用短横线 ‘-’来命名 login-button 、 index-header 、 index-list。4.类名属性可以采用驼峰命名 loginButton 、 indexHeader 、 indexList。5.ID名称建议采用驼峰命名 loginButton 、indexHeader、 indexList。通俗点理解就是需要HTML来搭建网页的结构（划分页面的结构）。div 块标签 （独占一行，可以直接设置宽度和高度）1. 注意采用字母开头，不可以采用数字或者特殊开头。
2024-07-16 13:35:09
684
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人