摘要：
HTML5标签总结： 1、基本的 HTML 标签： 1 <h1> - <h6> 标签定义 HTML 标题 2 <p> 标签定义 HTML 段落 3 <a> 标签定义 HTML 链接 4 超链接： 5 >通过使用 href 属性 - 创建指向另一个文档的链接 6 >通过使用 name 属性 - 创建文 阅读全文
posted @ 2022-03-15 13:29
RHCHIK
阅读(298)
评论(0)
推荐(0)
摘要：
关于SEO（搜索引擎优化）前端工程师能干的事情： 方法：标签语义化。 三大标签：title、description、keywords。（三大标签的内容都是项目经理准备好的，只需复制粘贴。） 其他技巧：在网页logo的位置设置隐藏的网站名称。 阅读全文
posted @ 2022-03-14 23:34
RHCHIK
阅读(36)
评论(0)
推荐(0)
摘要：
一、水平方向居中：text-align属性。 二、垂直方向对齐方式的vertical-align（专治垂直方向的不对齐）： 注意：父盒子需要设置行高才生效！！ 阅读全文
posted @ 2022-03-14 23:30
RHCHIK
阅读(31)
评论(0)
推荐(0)
摘要：
定位：可以将元素放在网页的任意一个位置。 常见场景： ①一个盒子叠在另外一个盒子上面的情况。定位后的盒子层级最高，在最上层。（相对、绝对）。 ②将盒子固定在【屏幕】的某个位置。（固定定位）。 使用定位的步骤： 一、静态定位static（一般没用）。 二、 相对定位relative： 三、绝对定位ab 阅读全文
posted @ 2022-03-14 23:28
RHCHIK
阅读(87)
评论(0)
推荐(0)
摘要：
1.标准流<浮动<定位 2.受浮动影响的情况及其解决方法 案例情况：如果上一个父盒子中有多个子元素浮动了，而且父盒子又没有高度，或者高度不够其中的多个子元素的高度，那么下面的父盒子（上下父盒子是兄弟关系）的布局会受到影响。 解决方法：清除浮动（五种方法）： 方法①（加高法）： 给上面一个父盒子一个合 阅读全文
posted @ 2022-03-14 23:20
RHCHIK
阅读(271)
评论(0)
推荐(0)
摘要：
版心居中，一般用wapper作为类名，放在公共样式css中，方便给需要使用版心居中的标签调用。css代码：wapper{margin:0,auto;} 阅读全文
posted @ 2022-03-14 23:12
RHCHIK
阅读(189)
评论(0)
推荐(0)
摘要：
浏览器会默认给部分标签设置默认的margin和padding，但一般在项目开始前需要先清除这些标签默认的 margin和padding，后续需要再自己设置。 css代码：*{magin:0;pading:0}; 阅读全文
posted @ 2022-03-14 23:10
RHCHIK
阅读(57)
评论(0)
推荐(0)
摘要：
案例需求: 给盒子设置border或padding时，盒子会被撑大，如果不想盒子被撑大？ 解决方法①:手动内减 操作:自己计算多余大小，手动在内容中减去·缺点:项目中计算量太大，很麻烦。 解决方法②:自动内减 操作:给盒子设置属性box-sizing:border-box;即可。（常常在公共CSS中 阅读全文
posted @ 2022-03-14 23:09
RHCHIK
阅读(1734)
评论(0)
推荐(0)
摘要：
伪元素：使用css模拟出来的标签元素。 1.具有行内元素特点。 2.必须添加 content属性才生效，即便为空，如 content：‘’； 阅读全文
posted @ 2022-03-14 23:08
RHCHIK
阅读(35)
评论(0)
推荐(0)
摘要：
HTML中的【行内、行内块、块元素】注意事项： 1.一行可显示多个元素 2.行内元素靠自身内容撑起高度和宽度 3.设置宽高无效 ※想要设置宽高生效，则改为【块级元素】或【行内块元素】 ※显示模式转换方式： 转块级元素：display：block；（常用） 转行内块元素：display：inline- 阅读全文
posted @ 2022-03-14 23:06
RHCHIK
阅读(111)
评论(0)
推荐(0)
浙公网安备 33010602011771号