- 博客(8)
- 收藏
- 关注
原创 移动端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
100
原创 移动端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
72
原创 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
134
原创 品优购项目
一、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
407
原创 HTML5
一、html5新增特性1.新增语义化标签 header 头部 nav 导航栏 article 内容 section 定义某个区域 aside 侧边栏 footer 尾部 注意:这种语义化标签主要是针对搜索引擎 可以多次重复使用 在IE9中需要把这些元素转换为块级元素 移动端更常用2.新增的多媒体标签2.1.视频video常用格式:mp4 web
2022-05-09 17:52:24
198
原创 CSS高级技巧
一、精灵图主要针对背景图片,插入的图片img是不需要这个技术的 减少服务器的接受和发送请求的次数,提高页面加载的速度 把小图像合成到一张大图上,每次使用时,用css背景定位让每个相应的图标显示出来我们需要使用CSS的: background-image、 background-repeat background-position属性进行背景定位, 其中最关键的是使用background-position 属性精确地定位。二、字体图标1.下载http:/..
2022-05-08 18:43:24
353
原创 CSS要点解析
一、复合选择器选择器 作用 特征 使用情况 隔开符号及用法 后代选择器 用来选择后代元素 可以是子孙后代 较多 符号是空格.nav a 子代选择器 选择最近一级元素 只能选亲儿子 较少 符号是大于.nav>p 并集选择器 选择某些相同样式的元素 可以用于集体声明 较多 符号是逗号,.nav, a 链接伪类选择器 选择不同状态的链接 跟链接相关 较多 重点记住a..
2022-04-25 11:44:32
315
原创 HTML要点解析
一、表格1.表格标签<table><tr><td><th><thead><tbody>2.表格标签属性align="left, center, right" 确定表格对齐方式border="像素值" 表格边跨宽度cellpadding="像素值"...
2022-04-23 12:44:04
333
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人