html
关注
分享
扫一扫
文章平均质量分 84
Lou.....
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React 基础
A JavaScript library for building user interfaces （一个用于构建用户界面的 JavaScript 库）。React 是一个开源的 javaScript 库 用于构建 web 应用中的视图层 就是web 应用中的前端用户界面React 是目前最为流行的前端框架之一。React 是 Facebook 的软件工程师在 2012 年创建 于 2013年5月开源 目前由 facebook 以及个人开发人员和公司组成的社区维护。原创 2022-11-21 15:43:54 · 534 阅读 · 0 评论 -
浮动，换行
2020.10.12文本换行规则：中文 日文 韩文 等遇到边界自动换行英文按照 单词 会自动换行英文连续长单词不会换行文本内容多时，有时会需要强制换行语法：选择器{ word-break:break-all;}文本内容多的时候，有时会需要强制不换行语法：选择器{ white-space:nowrap;}溢出处理块级元素内容占满高或宽后怎么办自动换行滚动条语法：选择器{ overflow：属性值; }属性值 效果visible原创 2020-10-12 17:52:18 · 999 阅读 · 0 评论 -
css背景
HTML 背景学习路径背景色背景图片背景平铺背景尺寸背景定位背景附着复合语法背景色作用：设置元素的背景颜色语法：选择器{ background-color：颜色值;}颜色值：颜色名称十六进制 等方式背景图片作用：设置元素的背景图片场景：设置 logo、装饰性的小图标、大背景图等特殊场景：元素中同时需要 文字和图片时语法：选择器{ background-image：url(路径);}注意：路径不要加引号背景平铺当背景图尺寸小于元素尺寸时，需原创 2020-10-23 17:29:52 · 150 阅读 · 0 评论 -
浮动和清除浮动
浮动为什么需要浮动？有很多的布局效果，标准流没有办法完成，此时就可以利用浮动完成布局。 因为浮动可以改变元素标签默认的排列方式.比如:让多个 块级元素（**div）**排成一行显示让两个 块级元素 分别显示在 左右两边结论：有很多布局，标准流（自上而下）无法完成解决办法：有很多，其中，浮动 就是一种常见方式浮动作用：让多个块级元素一行内显示什么是浮动?作用：让 元素 脱离标准流，漂浮 到 标准流上面；并能设置同行显示。语法：选择器{ float:属性值;}属性值：浮动原创 2020-10-23 17:14:28 · 190 阅读 · 0 评论 -
CSS
CSSemmet语法快速生成HTML结构快速生成css属性生成的css属性单位：默认为 px，可以直接指定其他单位，如： lh26em组合选择器作用：可以选择某标签包含的所有后代标签并集选择器作用：可以让多个选择器共享一套样式交集选择器作用：将至少两个选择器连在一起使用（既要还要）文档流与元素类型学习路径什么是 文档流元素的显示模式元素显示模式的转换块级元素的特殊处理文档流文档流：是浏览器在显示（渲染）网页标签时所采用的一套排列规则块级元素 上下排列：独原创 2020-10-23 17:06:33 · 157 阅读 · 0 评论 -
微调 跟随父盒子大小自适应宽高 两栏布局
微调 跟随父盒子大小自适应宽高 两栏布局1.微调我们可以利用 定位将没有对齐的元素进行微调来对齐情况一：<h3>1. 用于对齐方式的微调</h3><div class="input-item"> <input type="checkbox"> <span>记住密码</span></div>body { padding: 0 40px; font-size: 14px;}.input-i原创 2020-10-22 20:36:44 · 1101 阅读 · 0 评论 -
伪元素与元素定位
伪元素与元素定位伪元素beforeafterselectionplaceholder1. before语法：元素::before作用：1.创建一个伪元素，放到匹配的标签元素前面2.通过 content 样式属性，来为伪元素添加修饰性的内容特点：伪元素默认为 行内元素content 可以设置图片content：url(路径)；伪元素选择器的语法标记是 :: ，但 : 也行(过时语法)伪元素是浏览器自动创建在目标元素内部2. after语法：元素::afrter原创 2020-10-22 20:30:58 · 3763 阅读 · 2 评论 -
html 过度
过渡什么是过渡好处：为 CSS 样式切换时添加过渡效果，增强网页交互体验过渡：实际上是为元素样式发生改变时添加一种视觉效果过渡时长过渡时长：是指样式从一种状态变成另外一种状态所持续的时长，以 s（秒）为单位，支持小数语法：transition-duration: 1s;过渡延时过渡延时：是指延迟执行样式的变化，同样以秒为单位语法：作用：等 3秒后，再开始过渡效果简而言之：就是等一会再执行过渡效果过渡属性l过渡属性：过渡效果 可以指定针对某个样式属性（默认是针对所有样式属性原创 2020-10-19 21:22:02 · 1661 阅读 · 0 评论 -
html阴影 透明
阴影盒子阴影文字阴影透明盒子阴影通过 box-shadow 为盒子设置阴影效果语法：box-shadow: 50px 50px 50px #ccc inset;属性值：文字阴影通过 text-shadow 为盒子设置阴影效果语法：text-shadow: 5px 5px 5px #ccc;属性值：透明opacityl通过 opacity 为盒子设置透明度语法：div{ opacity:0.3;}注意：属性值没有单位盒子与所有子元素都会被设置为透明效果原创 2020-10-19 21:13:41 · 1460 阅读 · 0 评论 -
html 圆角
圆角通过border-radius为盒子设置圆角孤度语法：设置一个值： border-radius:10px;设置四个值： border-radius: 左上 右上 右下 左下；设置两个值： border-radius:左上右上 右下左下；原理：圆角的孤度 是圆的半径决定属性值：数字（100px）或 百分比（50%）特殊形状圆形：盒子为正方形情况下，盒子的border-radius 值为 50%；椭圆: 盒子为长方型情况下,将盒子的 border-radius 值原创 2020-10-19 21:02:36 · 6252 阅读 · 0 评论 -
html入学第一天
html入学第一天1.有序列表 <ol > <li>dd</li> <li>aa</li> <li>dd</li> </ol>2.无序列表<ul> <li>无序列表</li> <li>一</li>原创 2020-10-05 17:02:46 · 243 阅读 · 1 评论 -
html个人简历
html个人简历表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <原创 2020-09-29 20:57:27 · 595 阅读 · 0 评论 -
html基础入门（2）
html基础入门传智专修学院****传智专修学院学习目标:能够使用img显示指定位置的图片能够看懂ul ，li进行列表信息的展示能够使用a完成多个页面之间切换1.网站图片页面显示案例1.1案例介绍在上面的案例中，我们发现这个页面都是文字的内容，而我们看到的页面往往文字和图片是并存的，或者很多地方都是图片的效果，那么我们如何在页面中显示图片呢？那么我们来实现这样的案例：当然，大家现在还不知道怎么来完成这个案例，因为我们还没有学习HTML中的图片标签，那么我们现在就来学习一下吧。1.2相原创 2020-09-21 14:57:14 · 163 阅读 · 0 评论 -
HTML基础入门（1）
HTML基础入门1.HTML 概述1.1网页概述1.1.1什么是网页大家平时上网查询资料，上网看电视看小说购物等，看到的都是网页，例如：学校的官网，百度，就是具体的网页。****传智专修学院1.1.2 网页是如何编写的开发人员编写网页内容，然后通过浏览器处理，就变成了多姿多彩的网络世界1.2 浏览器概述浏览器是网页运行的平台，每一台计算机如果要网浏览内容，就必须安装浏览器，win7/win8/win9操作系统默认安装的是IE浏览器，win10操作系统默认安装时Edge浏览器，那么还原创 2020-09-17 11:06:54 · 666 阅读 · 0 评论