![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML+CSS+JavaScript
文章平均质量分 77
前端入门
阿瞒有我良计15
再长的路一步步也能走完,再短的路不迈开双脚也无法到达!
展开
-
黑马程序员——移动Web——day05
Bootstrap 是由 Twitter 公司开发维护的前端 UI 框架,它提供了大量编写好的 CSS 样式,允许开发者结合一定 HTML 结构及JavaScript,快速编写功能完善的网页及常见交互效果。中文官网:Bootstrap中文网。原创 2024-02-18 20:38:27 · 947 阅读 · 0 评论 -
黑马程序员——移动Web——day04
vh:lviewport height ( 1vh = 1/100视口高度 )vh是1/100视口高度,全面屏视口高度尺寸大,如果混用可能会导致盒子变形。vw:viewport width(1vw = 1/100视口宽度 )vw单位的尺寸 = px 单位数值 / ( 1/100 视口宽度 )vw和vh是相对单位,相对视口尺寸计算结果。原创 2024-02-18 10:47:40 · 380 阅读 · 0 评论 -
黑马程序员——移动Web——day03
rem单位,是相对单位rem单位是相对于HTML标签的字号计算结果1rem = 1HTML字号大小。原创 2024-02-17 09:22:03 · 906 阅读 · 0 评论 -
黑马程序员——移动Web——day02
空间:是从坐标轴角度定义的 X 、Y 和 Z 三条坐标轴构成了一个立体空间,Z 轴位置与视线方向相同。空间转换也叫 3D转换属性:transform。原创 2024-02-15 08:09:42 · 940 阅读 · 0 评论 -
黑马程序员——移动Web——day01
作用:为元素添加动态效果,一般与过渡配合使用概念:改变盒子在平面内的形态(位移、旋转、缩放、倾斜)平面转换也叫 2D 转换,属性是transform。原创 2024-02-14 09:27:21 · 895 阅读 · 0 评论 -
黑马程序员——html css基础——day10&day11&day12——小兔鲜儿
先按 ctrl + k 接着 ctrl + 0。ctrl+ k 接着 ctrl+ j。原创 2024-02-12 14:39:20 · 1072 阅读 · 0 评论 -
黑马程序员——html css基础——day09——CSS高级
登录 → 素材库 → 官方图标库 → 进入图标库 → 选图标,加入购物车 → 购物车,添加至项目,确定 → 下载至本地。优点:减少服务器被请求次数,减轻服务器的压力,提高页面加载速度。也可以为 all(两个状态属性值不同的所有属性,都产生过渡效果)iconfont:字体图标基本样式(字体名,字体大小等等)作用:设置定位元素的层级顺序,改变定位元素的显示顺序。(默认值为auto,取值越大,层级越高)使用场景:子级绝对定位,父级相对定位(:灵活地修改样式,例如:尺寸、颜色等。原创 2024-02-08 15:39:12 · 805 阅读 · 0 评论 -
黑马程序员——html css基础——day07&day08——学成在线
网站根目录是指存放网站的**第一层**文件夹,内部包含当前网站的**所有素材**,包含 HTML、CSS、图片、JavaScript等等。布局思路:先整体再局部,从外到内,从上到下,从左到右。标签结构:h1 > a > 网站名称(搜索关键字)属性名:**flex-direction**主轴默认在水平方向,侧轴默认在垂直方向**调整盒子位置 → flex 布局、内外边距。画盒子,调整盒子范围 → 宽高背景色。搜索引擎优化:提升网站百度搜索排名。控制图片、文字内容样式。原创 2024-02-05 10:17:00 · 940 阅读 · 1 评论 -
黑马程序员——html css基础——day06——Flex布局
新鲜出炉 品质靠谱原创 2024-02-02 11:59:43 · 955 阅读 · 0 评论 -
黑马程序员——html css基础——day05——盒子模型
使用方法:创建项目 → 输入 项目名称、项目类型 Web → 单击按钮【创建项目】 → 单击按钮【添加】,导入设计稿。默认情况:盒子尺寸 = 内容尺寸 + border 尺寸 + 内边距尺寸。结论:给盒子加 border / padding 会撑大盒子。胶囊形状:给长方形盒子设置圆角属性值为 盒子高度的一半。属性值:边框线粗细 线条样式 颜色(不区分顺序)属性值:边框线粗细 线条样式 颜色(不区分顺序)作用:设置 内容 与 盒子边缘 之间的距离。京东/淘宝: margin: 0 auto;原创 2024-01-28 20:40:57 · 1052 阅读 · 0 评论 -
黑马程序员——html css基础——day04——CSS进阶
选择器写法:选择器1, 选择器2, …, 选择器N { CSS 属性},选择器之间用。小技巧: 后代选择器执行代码的时候,先执行孩子,后执行父亲。我们找刘德华,先确定刘德华(li), 然后确定刘德华在淄博 ul 吃烧烤。从左向右依次比较选个数,同一级个数多的优先级高,如果个数相同,则向后比较。作用:布局网页的时候,根据标签的显示模式选择合适的标签摆放内容。选择器写法:父选择器 子选择器 { CSS 属性},父子选择器之间用。注意:选择器类型相同则遵循层叠性,否则按选择器优先级判断。原创 2024-01-26 21:12:07 · 943 阅读 · 0 评论 -
黑马程序员——html css基础——day03——CSS基础
层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表 语言,用来描述 HTML 或 XML(包括如 SVG、MathML、XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。CSS 是开放网络的核心语言之一原创 2024-01-25 11:57:56 · 945 阅读 · 0 评论 -
黑马程序员——html css基础——day02——HTML进阶
列表标题列表描述 / 详情……原创 2024-01-19 08:46:49 · 872 阅读 · 0 评论 -
黑马程序员——html css基础——day01——HTML基础
Vue.js的作者,HTML5原创 2024-01-17 20:11:20 · 878 阅读 · 0 评论 -
JavaScript入门
查找 HTML 元素。原创 2023-07-07 21:23:43 · 207 阅读 · 0 评论 -
CSS入门.
为什么要使用 CSS。原创 2023-07-07 21:58:09 · 530 阅读 · 0 评论 -
html入门
HTML 事件属性 - 表单事件。HTML 事件属性 - 鼠标事件。HTML 事件属性 - 多媒体事件。HTML 事件属性 - 窗口事件。HTML 事件属性 - 键盘事件。列表标签 - 无序列表。列表标签 - 有序列表。原创 2023-07-07 20:45:11 · 136 阅读 · 0 评论 -
css中的行高
jfdsal;sdafsd;jfdsal;sdafsd;jfdsal;sdafsd;jfdsal;sdafsd;jfdsal;sdafsd;jfdsal;sdafsd;jfdsal;sdafsd;jfdsal;sdafsd;jfdsal;sdafsd;jfdsal;sdafsd;原创 2022-10-19 14:56:15 · 1486 阅读 · 0 评论 -
css设置文本属性
* 缩写成为 color: #f00;同心同德,救困扶危!同心同德,救困扶危!原创 2022-10-19 12:39:12 · 261 阅读 · 0 评论 -
css设置字体属性
font-family: 微软雅黑;font-family: 宋体;时机已到,今日起兵!我以诚心相向,君何踌躇不前?犯大吴疆土者,盛必击而破之!我以诚心相向,君何踌躇不前?百骑劫魏营,功震天下英!吾虽年迈,箭矢犹锋!原创 2022-10-19 08:37:46 · 289 阅读 · 0 评论 -
CSS 常用的选择器
实际开发中不建议使用通配符选择器,因为它设置的样式对所有的HTML标记都生效,不管标记是否需要该样式,反而降低了代码的执行速度。优点:可以为元素对象定义单独或相同的样式,而且多个标记可以使用同一个类名,可以实现为不同类型的标记指定相同的样式。注意:大多数HTML元素都可以定义id属性,元素的id值是唯一的,只能对应于文档中某一个具体的元素。同时,一个HTML元素也可以应用多个class类,设置多个样式,此时多个类名之间需要用空格隔开。//使用该选择器定义样式,清除所有HTML标记的默认边距。原创 2022-10-19 08:08:33 · 378 阅读 · 0 评论 -
css的引入方式
link rel="stylesheet" type="text/css" href="css文件路径">的样式文件,把所有的 CSS 代码都放入此文件中。举头望明月,低头思故乡。在 HTML 页面中,使用。原创 2022-10-18 22:11:02 · 59 阅读 · 0 评论 -
浏览器页面查看密码
按F12进入调试界面原创 2022-06-17 20:38:02 · 2728 阅读 · 0 评论