前端小阿Giao

导航

2021年5月24日 #

定位

摘要: 定位是将盒子定在某一位置,所以定位就是拜访盒子,按照定位方式移动盒子 定位=定位模式+边偏移 定位模式用于指定一个元素在文档中的定位方式,边偏移决定元素的最终位置。 position属性 值 static 静态 relative 相对 特点:相对于自己原来的位置来移动,原来在标准流的位置仍然继续占有 阅读全文

posted @ 2021-05-24 16:23 CmBjd 阅读(73) 评论(0) 推荐(0) 编辑

2021年5月11日 #

关于导航栏的写法

摘要: 导航栏不能直接用链接来写,而是应该加一个li标签(li+a),否则搜索引擎会认为有关键字堆砌嫌疑 让导航栏一行显示,给li加浮动,因为li是块级元素,需要一行显示 nav导航栏可以不加宽度,方便以后继续添加文字 因为导航栏里面的文字不一样多,所以最好给链接a左右padding撑开盒子,而不是指定宽度 阅读全文

posted @ 2021-05-11 20:05 CmBjd 阅读(192) 评论(0) 推荐(0) 编辑

清除浮动的四种方法

摘要: 当父级没有设置高度,子盒子浮动影响下面布局需要清除浮动的四种方法 第一种 额外标签法(隔墙法) 在子元素的最后添加一个盒子 样式表加 clear:both; 但是会改变代码结构 第二种在父元素添加overflow:hidden; 第三种伪类标签法 .clearfix:after{ content:" 阅读全文

posted @ 2021-05-11 16:37 CmBjd 阅读(87) 评论(0) 推荐(0) 编辑

2021年4月28日 #

盒子模型

摘要: 盒子模型由边框,外边距,内边距和内容组成 其中外边距控制内容的显示位置,外边距控制盒子模型之间的距离 bored:像素 样式 颜色 bored-collapse:collapse;合并相邻边框 padding 0 0 0 0 0;是按顺时针设置 padding:1px; 表示上下左右全部添加1像素 阅读全文

posted @ 2021-04-28 23:02 CmBjd 阅读(61) 评论(0) 推荐(0) 编辑

外边距合并塌陷问题解决方法

摘要: 1.给父元素加边框 2.给父元素加内边距 3.overflow: hidden; 阅读全文

posted @ 2021-04-28 22:40 CmBjd 阅读(72) 评论(0) 推荐(0) 编辑

背景图片

摘要: background-color : transparent | color transparent : 背景色透明color : 指定颜色。请参阅颜色单位和附录:颜色表 background-repeat : repeat | no-repeat | repeat-x | repeat-y rep 阅读全文

posted @ 2021-04-28 13:33 CmBjd 阅读(110) 评论(0) 推荐(0) 编辑

2021年4月27日 #

Vscode tab不能生成框架以及open in browser插件不能运行问题

摘要: 今天第一次使用Vscode遇到一些问题以及解决方法供各位同学参考一下 首先关于不能使用Tab生成代码首先确认是否为英文,如果是中文不能识别,其次创建文件必须先保存为HTML文件 open in browser插件不能运行可能是版本太高,建议下载之前的版本,然后将拓展设置改为chrome 谈一谈对于H 阅读全文

posted @ 2021-04-27 23:54 CmBjd 阅读(524) 评论(0) 推荐(0) 编辑

行内元素

摘要: 块级元素有<a><strong><b><ins><del><span><i><u> 也叫做内联元素 特点 1.相邻元素在一行上可以显示多个 2.高度,宽度直接设置是无效的 3.宽度默认本身文字的宽度 4.行内元素只容纳文字和其他行内元素 注意 链接里不能再放链接 阅读全文

posted @ 2021-04-27 23:37 CmBjd 阅读(105) 评论(0) 推荐(0) 编辑

块级元素

摘要: 块级元素有<h1>~<h6>,<p>,<ol>,<ul><li>,<div> 特点 1.自己独占一行 2.高度,宽度,内边距,外边距都是可以控制的 3.宽度默认为是父级元素的100% 4.是一个容器盒子,里面可以存放行内元素和块级元素 注意 文字类元素中中不可以在添加块级元素 阅读全文

posted @ 2021-04-27 23:33 CmBjd 阅读(75) 评论(0) 推荐(0) 编辑

2021年4月14日 #

列表属性

摘要: 设置列表项目符号 list-style-type 设置列表符号为图片 list-style-image:url(" ") 设置项目符号的位置 list- style-postion:outside|inside 阅读全文

posted @ 2021-04-14 12:10 CmBjd 阅读(50) 评论(0) 推荐(0) 编辑