![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 94
追着太阳跑哈
快乐生活
展开
-
移动端WEB开发之响应式布局
Bootstrap 来自 Twitter(推特),是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS 和 JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。中文官网:http://www.bootcss.com/官网:http://getbootstrap.com/推荐使用:http://bootstrap.css88.com/框架:顾名思义就是一套架构,它有一套比较完整的网页功能解决方案,而且控制权在框架本身,有预制样式库、组件和插件。原创 2023-06-30 12:12:47 · 303 阅读 · 0 评论 -
移动WEB开发之rem适配布局
使用 @media 查询,可以针对不同的媒体类型定义不同的样式@media 可以针对不同的屏幕尺寸设置不同的样式当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面目前针对很多苹果手机、Android手机,平板等设备都用得到多媒体查询CSS-code。原创 2023-06-30 12:02:46 · 290 阅读 · 0 评论 -
移动WEB开发之flex布局
数值越小,排列越靠前,默认为0。注意:和 z-index 不一样。/* 让三个子盒子沿着侧轴底侧对齐 */*//* 我们想只让3号盒子下来底侧 */div span {/* 默认是0 -1比0小所以在前面 */order: -1;原创 2023-06-30 11:39:22 · 335 阅读 · 0 评论 -
移动WEB开发之流式布局
1、视口就是浏览器显示页面内容的屏幕区域2、视口分为布局视口、视觉视口和理想视口3、我们移动端布局想要的是理想视口就是手机屏幕有多宽,我们的布局视口就有多宽4、想要理想视口,我们需要给我们的移动端页面添加meta视口标签。原创 2023-06-30 11:03:46 · 141 阅读 · 0 评论 -
css新特性(五)
1、转换transform 我们简单理解就是变形 有2D 和 3D 之分2、我们暂且学了三个 分别是 位移 旋转 和 缩放3、2D 移动 translate(x, y) 最大的优势是不影响其他盒子, 里面参数用%,是相对于自身宽度和高度来计算的4、可以分开写比如 translateX(x) 和 translateY(y)5、2D 旋转 rotate(度数) 可以实现旋转元素 度数的单位是deg。原创 2023-06-30 10:29:24 · 722 阅读 · 0 评论 -
css基础(四)
定位模式是否脱标移动位置是否常用static静态定位否不能使用边偏移很少relative相对定位否(占有位置)相对于自身位置移动常用absolute绝对定位是(不占有位置)带有定位的父级常用fixed固定定位是(不占有位置)浏览器可视区常用sticky否(占有位置)浏览器可视区当前阶段少1. 一定记住相对定位、固定定位、绝对定位两个大的特点:1.是否占有位置(脱标否)2.以谁为基准点移动位置。2. 学习定位重点学会子绝父相。原创 2023-06-29 19:16:32 · 363 阅读 · 0 评论 -
css基础(三)
为什么需要清除浮动?①父级没高度。②子盒子浮动了。③影响下面布局了,我们就应该清除浮动了。清除浮动方式优点缺点额外标签法(隔墙法)通俗易懂,书写方便添加许多无意义的标签,结构化较差父级overflow:hidden;书写简单溢出隐藏父级after伪元素结构语义化正确由于IE6-7不支持:after,兼容性问题父级双伪元素结构语义化正确由于IE6-7不支持:after,兼容性问题。原创 2023-06-27 18:27:28 · 971 阅读 · 0 评论 -
css基础(二)
在CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。1.复合选择器可以更准确、更高效的选择目标元素(标签)2.复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的3.常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等选择器作用特征使用情况隔开符号及用法后代选择器用来选择后代元素可以是子孙后代较多符号是空格.nav a子代选择器选择最近一级元素只选亲儿子较少符号是大于。原创 2023-06-24 15:48:53 · 1275 阅读 · 2 评论 -
Emmet语法
1.生成标签直接输入标签名按tab键即可比如 div然后tab 键,就可以生成5.如果生成带有类名或者id名字的, 直接写 .demo 或者 #twotab 键就可以了。2.如果想要生成多个相同标签 加上* 就可以了比如div*3就可以快速生成3个div。1)文件------.>【首选项】---------->【设置】;3.如果有父子级关系的标签,可以用>比如ul> li就可以了。4.如果有兄弟关系的标签,用 + 就可以了比如div+p。2. 快速生成CSS样式语法。原创 2023-06-24 15:16:02 · 187 阅读 · 0 评论 -
css基础(一)
使用HTML时,需要遵从一定的规范,CSS也是如此。要想熟练地使用CSS对网页进行修饰,首先需要了解CSS样式规则。CSS 规则由两个主要的部分构成:选择器以及一条或多条声明。1.选择器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式2.属性和属性值以“键值对”的形式出现3.属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等4.属性和属性值之间用英文“”分开5.多个“键值对”之间用英文“;”进行区分所有的样式,都包含在标签内,表示是样式表。原创 2023-06-22 18:22:24 · 716 阅读 · 0 评论