自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 8.4知识点总结

一、媒体查询<metaname="viewport"content="width=device-width,initial-scale=1.0,maximun-scake=1.0,minimum-sacle=1.0,user-scalable=no">initial-scale=1.0 初始缩放比例maximun-scake=1.0 允许用户缩放到最小比例minimum-sacle=1.0 允许用户缩放到最大比例user-scalable=no 用户是否可以手动缩放...

2021-08-04 22:17:00 134

原创 8.3知识点总结

1column-count:分栏的个数,被分隔的列数2、column-width:分栏的宽度3、column-gap:分栏的间距,列之间的间隔大小4、column-rule:分栏的边框,列与列之间的边框5、column-fill:auto/balance 列高度自适应内容/6、column-span:all/none 设置或检索对象元素是否横跨所有列...

2021-08-03 21:06:30 122

原创 8.2知识点总结——弹性盒子

一、justify-contentjustify-content:center;整体居中 justify-content:space-around;盒子的左右的间距与设置相同的左右margin值大小相同 justify-content:space-between;左右两边贴边,中间间距相同 justify-content:space-evenly;盒子间距完全相同,平均分配空白空间 二、flex-direction flex-direction:row;设...

2021-08-02 21:19:55 1027

原创 7.30知识点总结

一、transform平移1.transform:none;定义不进行转换2.transfrom:translate(200px);平移,默认x轴,单位是%的话,指的是自己3.transfrom:translateX(200px);根据x轴参数,从当前元素位置移动transfrom:translateY(200px);根据y轴参数,从当前位置移动transfrom:translateZ(200px);根据Z轴参数,从当前位置移动4.transfrom:translate(10px,2

2021-07-31 19:28:08 167

原创 7.29知识点总结

一、大小写转换1.首字母大写:text-transform:capitalize;2.全部字母大写:text-transform:uppercase;3. 全部字母小写:text-transform:lowercase;4.默认:text-transform:none;5.把字母变小并大写:font-variant:small-caps;二、文字换行1.word-break:keep-all;以标点符号作为换行的标志2.word-break:normal默认3.w

2021-07-29 20:39:45 63

原创 7.28知识点总结

一、h5的语法总结1.不允许写结束标记的元素:br、col、embed、hr、img、input、link、met2.可以省略结束标记的元素:li、dt、dd、p、option、colgroup、thead、tbody、tfoot、tr、td、th3.可以省略全部标记的元素:html、head、body、colgroup、tbody二、h5常用标记1.头部:<header></header>2.尾部:<footer></footer>

2021-07-28 21:46:20 98

原创 7.27知识点总结

css属性选择器:1.E[attr] (选择某个有属性的元素)例:a[href]{color:red;}2.E[attr="value"](选择某个有属性的元素,并可进一步缩小范围,只选择有特定属性值的元素)例:a[href="www.baidu.com"]{color:red;}3.E[attr^="value"](指定了属性,并指定了属性值,属性值以value开头)例:a[title^="text"]{color:red;} / div[class^="text"]{bac...

2021-07-27 21:04:46 76

原创 7.26知识点总结

一、表单新增知识点1.单选框<input type=”radio“ name=”sex“>2.复选框<input type=”checkbox“>3.上传文件(可选择多个文件)<input type=”file“ multiple=”multiple“>4.下拉选择 <select> <option>北<...

2021-07-26 20:54:03 66

原创 7.23知识点总结:表格的相关属性,

表格相关属性:宽度:width 高度:height 边框:border 边框颜色:bordercolor 背景颜色:bgcolor 文字水平对齐align="left"或align="right"或align="center" 文字垂直对齐valign="top"或vilign="middle"或"bottom" cellspacing="单元格与单元格之间的间距"(该属性必须在table中使用) cellpadding="单元格与内容之间的空隙"(该属性必须在table中使用)例子:

2021-07-23 19:50:04 309

原创 7.22知识点总结:white-space,overflow,min-height,max-height,伪类对象选择器,display:none;和visibility:none;的区别

1.white-space:nowrap;文本强制在一行上显示white-space:nowrap;white-space:pre;保留空白区域white-space:pre;white-space:pre-line;合并空白符,保留换行white-space:pre-line;white-space:pre-wrap;保留空白符,正常换行white-space:pre-wrap;2.overflow:visible;默认overflo...

2021-07-22 22:47:09 599

原创 7.21知识点总结

1.锚点定位:点击某内容跳转到指定区域应用场景:参考京东语法结构:第一种:<a href="#跳转到区域的id值"></a><div id="跳转区域的id"></div>第二种:<a href="#跳转区域的id值"></a><p id="跳转区域的id值"></p>2.定位:position:static;默认值position:absolute;绝对定位po.

2021-07-21 23:11:17 72

原创 7.20知识点总结

1.导航栏隐藏+鼠标悬停时显现标签名{ display:none;}标签父元素:hover 标签名{ display:block:}2.p标签文字的颜色传递给后面的a标签p~a{ color:red;}3.兄弟标签:p标签后面的第一个a标签颜色改变p+a{ color:red;}4.位置标签:a.固定位置:(position:fixed+偏移量)语法: ...

2021-07-20 21:07:48 61

原创 7.15知识点总结

1.文本设置:字体大小:fon-size字体颜色:color字体:font-style字体样式:font-style加粗:font-weight缩进:text-index文本水平对齐:text-align:left/right/center/justify;文本修饰:text-decoration:none/underline/overline/line-through(删除线);字间距:letter-spacing/word-spacing行高:line-heigh

2021-07-15 22:07:29 151

原创 7.14知识点总结

1.form表单:用户注册登录等界面(结构<form></form>)文本框:input type=”text”密码框:input type=”password”按钮:input type=”button”value=”(按钮上显示的文字信息)”提交按钮:input type=”submit”value=”(提交按钮上显示的文字信息)”重置按钮:input type=”reset”value=”(按钮上显示的文字信息)”图片按钮:input type=”...

2021-07-14 22:23:49 63

原创 2021.7.13学习总结

1.什么是h5:html的第五代,是一类技术的总称2.一个项目的组成: a.产品经理:根据用户需求制作需求文档 b.ui设计:页面的切图 c.前端:实现ui设计的界面,并与后端进行交互 d.后端:实现界面相应的功能 e.测试:对这个程序进行测试,判断是否存在bug3.一个界面的基本构成:html(骨架)+css(样式)+js(行为)4.开发工具的使用:(1)vscode安装好后,需要安装chinese(转中文);open in brow(在浏览中打...

2021-07-13 21:34:40 54

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除