html+css学习笔记
文章平均质量分 95
峻峰耸立
这个作者很懒,什么都没留下…
展开
-
前端Web移动端学习day05
Bootstrap 是由 Twitter 公司开发维护的前端 UI 框架,它提供了大量编写好的 CSS 样式,允许开发者结合一定 HTML 结构及JavaScript,快速编写功能完善的网页及常见交互效果。原创 2024-03-27 16:22:35 · 1656 阅读 · 0 评论 -
前端web移动端学习day04
vw和vh是相对单位,相对视口尺寸计算结果,相对于屏幕的逻辑参数。原创 2024-03-27 07:59:52 · 1087 阅读 · 0 评论 -
移动端Web笔记day03
rem单位,是相对单位rem单位是相对于HTML标签的字号计算结果1rem = 1HTML字号大小使用rem相对单位的步骤:给HTML标签添加字号html {使用rem单位书写尺寸.box {但是这还是不能实现rem的宽高自适应不同的屏幕,因为没有引入相对应的JS文件。有了如果全部都使用了rem相对单位,到时候直接修改html的字号就可以直接修改全部的盒子的宽高。原创 2024-03-26 23:55:40 · 651 阅读 · 0 评论 -
CSS总结第八天 HTML5 + CSS3提高
HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是IE9+ 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。原创 2023-09-09 08:21:34 · 320 阅读 · 1 评论 -
CSS总结第七天
网页中常见一些三角形,使用 CSS 直接画出来就可以,不必做成图片或者字体图标。height: 0;我们用css 边框可以模拟三角效果宽度高度为0我们4个边框都要写, 只保留需要的边框颜色,其余的不能省略,都改为 transparent 透明就好了为了照顾兼容性 低版本的浏览器,加上 font-size: 0;原创 2023-09-08 07:22:57 · 258 阅读 · 1 评论 -
CSS总结第六天
我们先来看一个效果,同时思考一下用标准流或浮动能否实现类似的效果?场景1: 某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子.场景2:当我们滚动窗口的时候,盒子是固定屏幕某个位置的。结论**:要实现以上效果,**标准流 或 浮动都无法快速实现所以:1.浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。静态定位是元素的默认定位方式,无定位的意思。原创 2023-09-07 14:44:40 · 188 阅读 · 0 评论 -
CSS总结第五天
Cutterman是一款运行在photoshop中的插件,能够自动将你需要的图层进行输出, 以替代传统的手工 “导出web所用格式” 以及使用切片工具进行挨个切图的繁琐流程。它支持各种各样的图片尺寸、格式、形态输出,方便你在pc、ios、Android等端上使用。它不需要你记住一堆的语法、规则,纯点击操作,方便、快捷,易于上手。原创 2023-09-06 08:52:11 · 64 阅读 · 1 评论 -
css总结第四天
float 属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框的边缘。选择器 { float: 属性值;为什么需要清除浮动?父级没高度。子盒子浮动了。影响下面布局了,我们就应该清除浮动了。原创 2023-09-05 16:02:45 · 45 阅读 · 1 评论 -
css总结第三天
相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题。原创 2023-09-04 07:11:25 · 60 阅读 · 1 评论 -
CSS第二天总结
在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,可以更准确、更高效的选择目标元素(标签)后代选择器、子选择器、并集选择器、伪类选择器等等 元素显示模式就是元素(标签)以什么方式进行显示,比如<div>自己占一行,比如一行可以放多个<span>。 网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。原创 2023-09-03 08:34:19 · 39 阅读 · 0 评论 -
CSS 第一天总结
CSS 使用 font-family 属性定义文本的字体系列。font-family : "微软雅黑";} div {font-family : Arial , "Microsoft Yahei" , "微软雅黑";pfont-family : "微软雅黑";} div {font-family : Arial , "Microsoft Yahei" , "微软雅黑";font-family : "微软雅黑";} div {原创 2023-09-02 07:46:28 · 40 阅读 · 1 评论 -
html 基础学习 第二天总结
自定义列表的使用场景:自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。在 HTML 标签中,标签用于定义描述列表(或定义列表),该标签会与(定义项目/名字)和(描述每一个项目/名字)一起使用。名词1名词1解释1名词1解释2。原创 2023-09-01 17:12:17 · 51 阅读 · 1 评论 -
html 基础学习 第一天总结
网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”,通常是 HTML 格式的文件,它要通过浏览器来阅读。HTML 指的是超文本标记语言(Hyper Text Markup Language) ,它是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言 (markup language)。标记语言是一套标记标签 (markup tag)。原创 2023-08-31 19:19:00 · 91 阅读 · 0 评论