效果html css
CSS 默认样式
outline: Chrome浏览器默认为-webkit-focus-ring-color auto 1px; webkit-focus-ring-color默认为rgb(16, 16, 16);这个值不会变，但是浏览器可能对其他的属性进行了处理，导致了focus元素时会根据背景色的不同产生不同的对 ......
CSS学习1 认识CSS；三种CSS的编写样式；CSS注释；常见的CSS样式；元素link；CSS颜色表示方法；浏览器开发者工具；浏览器的渲染流程
1_认识CSS what：为网页添加样式（美化界面）；一门样式表语言，不是编程语言 发展历史 css1（两个人合作发布） css2（w3c） css3（模块化持续发展中） 总结：美化HTML，让HTML与CSS分离 方式一：添加样式，例如颜色、字体，大小 方式二：布局，按照某种结构显示 2_三种CS ......
HTML中meta标签的那些属性
<meta> 标签是 HTML 中用于描述网页元信息的元素。它位于 <head> 部分，不会显示在页面内容中，但对于浏览器、搜索引擎等具有重要作用。主要作用有：定义文档的字符编码、提供网页的描述信息、关键词、作者、视口设置等，这些信息有助于搜索引擎理解和索引网页内容。 <meta> 标签的主要属性有 ......
Java使用wkhtmltopdf实现HTML转pdf
wkhtmltopdf设置全屏： wkhtmltopdf --disable-smart-shrinking --page-size A4 -B 0 -L 0 -R 0 -T 0 test.html output.pdf -B -T -R -L 是有效果的， $snappy->setOption(' ......
03-CSS 的基本使用
CSS 的基本使用 学习目标 能够知道css的作用 能够知道 css 的引入三种方式 能够说出 css 选择器的种类 能够知道常用的样式属性 能够说出元素溢出的解决办法 能够说出标签隐藏设置 能够知道盒子模型中的各个属性 一、CSS的介绍 1. css 的定义 css(Cascading Sty ......
02-HTML基础知识
HTML基础知识 学习目标 能够知道html的作用 能够写出html的基本结构 能够知道单标签和双标签的区别 知道相对路径和绝对路径的区别 掌握标签的种类 了解表格的边线合并 了解表单中常用的表单元素标签 了解表单的提交方式 了解表单中action属性的作用 一、HTML的介绍 1. 网页效果图 - ......
HTML 表单
9.1 表单标签 - 主要标签 - <form>：表单容器 - <input>：输入框 - 相关标签 - <textarea>：多行文本框 - <slect>、<option>：下拉菜单（组合使用） - <label>：标题（辅助表单标签），用for和id属性形成映射，点击标题也可选择 9.2 <i ......
HTML 表格
8.1 表格标签 - <table>：表格容器 - <tr>：表格行 - <th>：表头 - <td>：表格单元 - <caption>：表格标题 - <thead>：语义化-头部，唯一 - <tbody>：语义化-身体部分 - <tfoot>：语义化-脚部，唯一 8.2 table属性 - row ......
HTML-01(到列表)
HTML+CSS html4——>css2——>html5——>css3 w3c官网：www.w3c.org （英文） www.w3school.com.cn里面有很多的教程 （中文） mdn：developer.mozilla.org （部分中文） C/S和B/S架构 C/S C : Client ......
学习日记——HTML入门第一课
1.了解HTML的定义，基本结构 ①对于超文本标记语言的理解，是超越文本（不限制于字符，包含视频音频）用“<>”这个特殊字符来书写的语言 ②基本结构为 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页标题</title> < ......
HTML a标签
7.1 属性 - href：链接地址 - target：控制链接的打开方式。 - _self(默认)-在当前页面打开； - _blank-新标签页打开。 7.2 <base />标签 - 作用：改变链接的默认行为 - 位置：在head标签中 - 属性：href——改变默认链接；target——改变默 ......
CSS定位方法详解
css概述： 1.css（Cascading Style Sheets）是一种语言，它用来描述HTML和XML的元素显示样式。 2.css语言中有css选择器，在selenium中可以使用这种选择器来进行元素定位。 3.css定位方法比xpath快，而且css语言也非常强大，所以非常推荐这种定位方法 ......
HTML img标签
6.1 路径 - 6.1.1绝对路径 - 即本地资源管理器中的路径（限制很大） <!-- 绝对路径 --> <img src="E:\img\1.png"> - 6.1.2相对路径： - " ./ "代表当前目录，可省略。 - " ../ "代表上级目录，可迭代。 <!-- 本目录下相对路径 --> ......
CSS 常用苹方字体
// 苹方-简 常规体font-family: PingFangSC-Regular, sans-serif; // 苹方-简 极细体font-family: PingFangSC-Ultralight, sans-serif; // 苹方-简 细体font-family: PingFangSC-L ......
HTML 列表
5.1 无序列表 ul <ul> <li>无序列表</li> <li>无序列表</li> </ul> - ul里只能放li标签 - 默认黑色实心圆 - type属性： - disc-黑色实心圆 , - circle-黑色空心圆 , - square-黑色实心正方形 , - none-取消样式 5.2 ......
常用css
单行省略 /* * 强制不换行： white-space: nowrap; * 超出隐藏： overflow: hidden * 超出的文本显示省略号： text-overflow: ellipsis; * 需要设置宽度 */ .t-ellipsis { white-space: nowrap; o ......
Vue路由跳转时的动画效果
1.写一个layout组件，降<router-view/>包裹在transition标签里，实现路由跳转时的动画 2.在router/index.js里面引入该组件，并放在component: layout这里，功能完成 3.transition 是vue的封装组件，具体可参考官网 https:// ......
HTML div 和 span 标签
4.1 <div> </div> - 划分页面区域，独占一行 4.2 <span> </span> - 主要用于对文本独立修饰。 - 内容有多宽就占用多宽的空间，不换行，不破坏原有结构 ......
html5 2.0学习
列表定义：是一种特别的对象集合。集合：集中在一起合二为一（聚集）。 聚集：多个列（信息资源）排在一起。信息资源：一堆数据，可能是字符，可能是图片。 列表分类：有序列表 无序列表 （自）定义列表 有序列表：有顺序的列表。列表结构：<ol><li></li></ol> 有顺序，每个li独占一行，默认li ......
HTML特殊符号
3. 特殊符号 3.1 尖角号 - < 左尖角号 < - > 右尖角号 > 3.2 空格 - 宽度受字体影响 -   宽度是1个中文字符宽度，基本不受字体影响 3.3 版权 - © 3.4 商标 - ™ - ® 3.5 与号 - &a ......
css中rem，em
名词解释,rem是使用的重点 1.rem的定义理解： 通过设置 根元素<html>的font-size的大小，来控制整个html文档内的字体大小、元素宽高、内外边距等， 2.rem（font size of the root element）是指相对于根元素的字体大小的单位。 em（font siz ......
HTML常用标签
1. 基础语法 1.1 标记（标签） - 常规标记（双标记） <标记></标记> - 空标记（单标记） <标记 /> 1.2 <!DOCTYPE html> 文档类型 1.3 <html lang="zh-CN"> 为浏览器指出本文档所用语言 1.4 <meta /> - <meta charset ......
美观实用的环形图，提升数据表达效果
什么是环形图？ 环形图是一种数据可视化的图表类型，它通常用于显示数据的比例关系和占比情况。环形图与饼图类似，都是由一个圆形或圆环和若干个扇形组成，每个扇形的面积大小表示该数据所占比例的大小。与饼图不同的是，环形图通常会在圆心处放置标签或其他信息，同时环形图还可以设置内圆和外圆，使得图表更加美观易懂。 ......
html5学习
html5：超文本标记语言 文本：以.txt为后缀的文件或者文档 超：超越文本，包含视频和音频。标记：特殊符号<> html5结构：<html>(根部标签）<head>（头部标签）</head><body>（体部标签）</body></html> html于1993年发布，早期语法随意，为了统一标椎 ......
@Html.Partial vs @Html.Action
@Html.Partial and @Html.Action are both used in ASP.NET MVC to include reusable content in a view. @Html.Partial renders a partial view directly. It's ......
未知大小的图片适应（保持宽高比且不超出）图片容器的CSS属性
假设我们本地代码中有一个宽*高为100px*100px的图片的容器元素 <div class="img-wrapper" style="width: 100px; height: 100px;"> <img src="..." alt="待展示图片" /> </div> 如果图片不我们本地，而是属于 ......
html 跳转到新的网址
更新window.location.href后面的值即可 文件名为 index.html <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge' ......
FreeCodeCamp-创建一副毕加索绘画来学习中级 CSS
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Picasso Painting</title> <link rel="stylesheet" href="./styles.css" / ......
使用Webstrom自动编译SASS/SCSS为CSS
sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。（注:mac下自带Ruby无需在安装Ruby!） window下安装SASS首先需要安装Ruby，先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量 ......