- 博客(13)
- 资源 (1)
- 收藏
- 关注
RSS订阅
2原创 前端学习day09
表格 table tr 行 td 单元格 表格相关属性 width="" 宽 height="" 高 border="" 边框 bordercolor="" 边框颜色 bgcolor="" 背景颜色 cellspacing="" 单元格之间间距 cellpadding="" 内容到边框的间距 对齐方式 align="" 水平对齐 left center right valign="" 垂直对齐 top midd...
2022-03-07 08:45:17
252
原创 前端学习day08
为行内元素添加 position:absolute/fixed; 可以转换为块元素 伪类 :before{ content:"";/content:url(); } :before{} 出现在元素内容前面 行内元素 :after{} 出现在元素内容后面 行内元素一个元素只能有一个:before和一个:after a:hover:after :first-letter{} 第一个文字的样式 :first-line{} 第一行 宽度自适应 1.不写宽度 （...
2022-03-05 20:56:39
163
原创 前端学习day07
溢出 overflow:; visible; 超出内容可见（默认值） hidden; 超出内容隐藏 auto; 超出方向出现滚动条，未超出方向不出现 scroll; 超出方向出现滚动条并且有滑块，未超出方向出现滚动条没有滑块 父元素不写高度，当子元素浮动时，父元素高度为0 解决方法：为父元素添加 overflow:hidden; white-space:nowrap; 强制不换行 text-overflow:ellipsis; ...
2022-03-05 20:34:23
572
原创 前端学习day06
页面布局时可以设置一个中心板块，后面可以调用.center{ width:980px; margin：0 auto introcon xx-con 元素单元 navcon topcon listcon wrapcon a 超链接 使用频率最高的写法a{}a:hover{} a:link{} 默认状态 a:visited{} 访问过之后的状态 a:hover{} 鼠标悬浮状态 a:active{} 鼠标单击未松开的状态 助记：love hate 行内元素 （...
2022-03-05 20:25:47
545
原创 前端学习day05
为行内元素添加padding margin 加padding 上下只有视觉效果不能正常起作用，左右正常 加margin 上下完全没效果，左右正常。 background background-img:url(); background-position:;背景图的位置第一个值表示水平位置的值，第二个值：表示垂直的位置。 10px -20px x轴 y轴 sprite 精灵图/雪碧图 使用background-position 属性精确地定位 background-repeat背景图片平铺 ...
2022-03-05 19:55:02
98
原创 行内元素添加padding margin的区别
padding上下只有视觉效果不能正常起作用，左右正常 加margin上下完全没效果，左右正常。 <style> *{ margin: 0; padding: 0; } div{ width: 400px; height: 400px; background-color: red; margin: 5
2022-02-28 13:38:29
166
原创 vscode输入特殊符号
<； 左尖角号> 右尖角号©； ©版权™ ™商标® ®商标 😃 emoji表情（自己可以改数字试一下）  ；该空格占据宽度受字体影响明显而强烈&emsp；占据的宽度正好是一个中文宽度，而且基本不受字体影响 ...
2022-02-26 16:22:59
5731
原创 前端学习day04
浮动 半脱离文档流 容器内的文字图片不会脱离 float left right none 元素浮动后会半脱离文档流，会影响后面元素的正常显示 清浮动 clear 清除浮动带来的影响 谁受影响clear加在谁身上对于CSS的清除浮动(clear)，一定要牢记：这个规则只能影响使用清除的元素本身，不能影响其他元素 行内元素添加浮动后，可以转化为块元素，可以自定义宽高父元素不写高度时，子元素全部浮动。父元素高度为0（高度塌陷） a.为父元素添加高度 b.在所有元素后面加一个空标...
2022-02-26 09:09:53
108
原创 前端学习day03
css属性 文本属性 {font-size:12px;} 浏览器文字默认大小：16px 最小显示大小：12px em 继承父元素的字体大小 父元素20px，子元素2em=40px div{ width: 400px; height: 200px; background-color: antiquewhite; font-size: 50px; color: red; ...
2022-02-25 10:52:31
427
原创 前端学习day01
一、 相对路径 1. 和目标文件同级 pic.jpg 2. 和目标文件所在文件夹在同级 img/pic.jpg ./img.jpg 3.当前文件所在文件夹与目标文件同级 ../pic.jpg ../img/pic.jpg（先跳出在找） ../../img/pic.jpg(两次跳出) HTML 超文本标记语言(Hyper Text Markup Language) 二 、HTML文档命名规则 （1）文档的扩展名为htm或者html，建议统一用html。 （2）文档...
2022-02-23 09:40:31
249
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人