屋力酱-CSDN博客

原创移动端rem适配布局

一、rem基础rem单位rem是一个相对单位，类似与em,em是相对于父元素的字体大小来说的而rem是相对与html元素的字体大小比如html设置的font-size: 12px;而子元素设置的width: 2rem;换成px显示则width为24px也就是通过修改html中的字体大小来整体控制页面中元素的大小二、媒体查询@media1.什么是媒体查询是CSS3的新语法使用@media可以针对不同媒体类型、不同的屏幕尺寸来设置不同的样式当你重置浏览器大小，也会

2022-05-20 14:16:32 94

原创移动端flex布局

一、常见父级属性1.flex-direction主轴方向属性值描述 row 从左到右（默认值） row-reverse 从右到左 column 从上到下 column-reverise 从下到上 2.justify-content主轴子元素的排列方式属性值描述 flex-start 从头部开始（默认值） flex-end 从尾部开始 center 在主轴居中对齐（如果主轴是X轴，则是水平居中） spac

2022-05-18 18:36:23 67

原创 CSS3要点

一、2D转换之旋转transform: rotate(度数);度数要跟单位deg 度数为正，顺时针，度数为负，逆时针旋转中心点默认是元素中心1.中心点transform-origin: x y;x与y之间用空格隔开 xy可以是像素，也可以是方位名词二、2D转换之缩放transform: scale(x,y);xy是倍数的意思，不跟单位优点：不影响其他的盒子，而且可以设置中心点...

2022-05-15 11:24:01 127

原创品优购项目

一、favicon图标步骤在比特虫网站把图片转换为ico图标在head标签里添加代码：<link rel="shortcut icon" href="favicon.ico">二、网站TDK三大标签SEO优化SEO是搜索引擎汉化，是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式页面必须有三个标签来符合SEO优化。title、description、keywords1.title网站标题title是搜索引擎了解网页的入口和对网页主题属性的最佳判断点

2022-05-11 14:11:19 398

原创 HTML5

一、html5新增特性1.新增语义化标签 header 头部 nav 导航栏 article 内容 section 定义某个区域 aside 侧边栏 footer 尾部注意：这种语义化标签主要是针对搜索引擎可以多次重复使用在IE9中需要把这些元素转换为块级元素移动端更常用2.新增的多媒体标签2.1.视频video常用格式：mp4 web

2022-05-09 17:52:24 189

原创 CSS高级技巧

一、精灵图主要针对背景图片，插入的图片img是不需要这个技术的减少服务器的接受和发送请求的次数，提高页面加载的速度把小图像合成到一张大图上，每次使用时，用css背景定位让每个相应的图标显示出来我们需要使用CSS的: background-image、 background-repeat background-position属性进行背景定位，其中最关键的是使用background-position 属性精确地定位。二、字体图标1.下载http:/..

2022-05-08 18:43:24 344

原创 CSS要点解析

一、复合选择器选择器作用特征使用情况隔开符号及用法后代选择器用来选择后代元素可以是子孙后代较多符号是空格.nav a 子代选择器选择最近一级元素只能选亲儿子较少符号是大于.nav>p 并集选择器选择某些相同样式的元素可以用于集体声明较多符号是逗号，.nav, a 链接伪类选择器选择不同状态的链接跟链接相关较多重点记住a..

2022-04-25 11:44:32 295

原创 HTML要点解析

一、表格1.表格标签<table><tr><td><th><thead><tbody>2.表格标签属性align="left, center, right" 确定表格对齐方式border="像素值" 表格边跨宽度cellpadding="像素值"...

2022-04-23 12:44:04 322

m0_70013049的博客