- 博客(13)
- 收藏
- 关注
原创 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关注的人