- 博客(25)
- 收藏
- 关注
RSS订阅原创 CSS_常用字体属性
2：100~300等同于 lighter，400~500等同于normal，600及以上等同于bold。实际开发中更推荐复合写法，但这也不是绝对的，例如只想设置字体大小，那就直接用font-size属性。1：100~1000且无单位，数值越大，字体越粗，（或一样粗，具体得看字体设计的精准程度）属性名：font，可以把上述字体样式合并成一个属性。注：实现斜体时，更推荐使用 italic。属性名：font-family。属性名：font-weight。属性名：font-style。属性名：font-size。
2024-07-29 17:51:43
146
原创 CSS_颜色
饱和度：取值范围是 0%~100%，（向色相中对应的颜色中添加灰色，0%全灰色，100%没有灰）HEX 的原理同与 rgb 一样，依然是通过：红，绿，蓝，来进行组合，只不过要用六位 分成三组。hsl 是通过：色相，饱和度，亮度，来表示一个颜色的，格式为：hsl（色相，饱和度，亮度）1.红色：red，2.绿色：green，3.蓝色：blue，4.紫色：purple。2.rgb（0，0，0）是黑色，rgb（255，255，255）是白色。编写方式：使用，红，黄，蓝，这三种光的三原色进行组合。
2024-07-29 14:54:40
515
原创 CSS三大特性
important > 行内样式 > ID选择器 > 类选择器 > 元素选择器 > 通配选择器（*）> 继承的样式。常见的可集成属性：text-？不可继承的属性：例如 background-color 其余更多的可去 MND网站查看。概念：如果发生了样式冲突，那就会根据一定的规则（选择器优先级），进行样式的层叠（覆盖）---- 元素的同一个样式名，被设置了不同的值，这就是冲突。概念：元素会自动拥有其父元素，或其祖先元素上所设置的某些样式。规则：优先继承离得近的。详细聊：需要计算权重。
2024-07-28 19:17:56
158
原创 选择器优先级
通过 不同的选择器，选中 相同的元素，并且为 相同的样式名 设置 不同的值 时，就发生了样式的冲突，到底应用哪个样式，此时就要看 优先级 了。important 的权重，大于行内样式，大于所有选择器，权重最高！行内样式 > ID选择器 > 类选择器 > 元素选择器 > 通配选择器。1.计算方式：每个选择器，都可以计算出一组权重，格式为（a b c）1.行内样式权重大于所有选择器。
2024-07-28 18:10:45
207
原创 伪类选择器
注：遵循 LVHA 的顺序 即：link，visited，hover，active，当用户：点击元素，触摸元素，或通过键盘上的 ，TAB，等方式来选择元素时，救是获得焦点。6. :nth-of-type(n) 所有 同类型 兄弟元素中的第 n 个。3. :disabled 不可用的表单元素（有 disabled 属性）:lang() 根据指定的语言选择元素（本质是看 lang 属性的值）2. :enable 可用的表单元素（没有 disabled 属性）
2024-07-28 18:10:24
664
原创 复合选择器
3.[属性名^="值"]选中包含某个属性 且属性值以指定的值开头的元素。4.[属性名$="值"]选中包含某个属性 且属性值以指定的值结尾的元素。语法：选择器1 选择器2 选择器3 ....以此类推 {}2.[属性名="值"]选中包含某个属性 且属性值等于指定值的元素。5.[属性名*="值"]选中包含某个属性 属性值包含指定值的元素。语法：选择器1,选择器2,选择器3,.....以此类推{}语法：选择器1>选择器>2>选择器3>....以此类推{}作用：选中多个选择器对应的元素 又称：分组选择器。
2024-07-25 15:20:13
484
原创 CSS基本选择器
注：目前看来通配选择器貌似是有点鸡肋 但后面清除样式时 会对我们有很大的帮助 后面会详细讲解。注：元素选择器无法实现 差异化设置 例如上面的 p 元素中所有的 p 元素效果都是一样的。作用：根据元素的 id 属性值 来精准的选中某个元素。作用：根据元素的 class值 来选中某些元素。作用：为页面中 某种元素 统一设置样式。作用：可以选中所有的 HTML 元素。组成，最好以字母开头、不要包含空。一个元素只能拥有一个。一个元素可以同时拥有。
2024-07-24 16:31:29
141
原创 CSS语法规范和代码风格
注：项目上线时 我们会通过工具将 展开风格的代码 变成紧凑风格 这样就可以减小文件体积 节约网络流量 同时也能让用户打开网页时更快。声明块：设置具体的样式（声明块是由一个或多个声明组成的）声明的格式为：属性名：属性值。紧凑风格：项目上线时推荐 可有效减小文件体积。CSS代码风格：展开风格 和 紧凑风格。/* 设置文字大小为100px */展开风格：开发时推荐 便于维护和调试。/* 给h1元素添加样式 *//* 设置文字颜色为红色 */选择器：找到要添加样式的元素。
2024-07-24 15:12:46
114
原创 CSS_样式表优先级
2.同一个样式表中 优先级也和编写顺序有关 且：后面的会覆盖前面的 也是后来者居上。1.内部样式 外部样式 这二者的优先级相同 且：后面的会覆盖前面的 后来者居上。优先级规则：行内样式 > 内部样式 = 外部样式。
2024-07-23 18:25:30
138
原创 CSS_行内样式/内部样式和外部样式
书写繁琐 样式不能重复使用 并没有体现出：结构与样式分离 的思想 不推荐大量使用 只有对当前元素添加简单的样式时 才会偶尔使用。">欢迎来学习前端</h1>1.<style>标签理论上可以放在 HTML 文档的任何地方 但一般都放在 <head>标签中。写在 html 页面内部 将所有的 CSS 代码提取出来 单独放在 <style>标签中。1.style 属性的值不能随便写 要符合 CSS 的语法规范 是 （名：值）的形式。外部样式：写在单独的 .css 文件中 随后在 HTML 文件中引入使用。
2024-07-23 18:05:21
181
原创 CSS_简介
CSS 也是一种语言 用于给 HTML 结构设置样式 例如：文字大小颜色 元素宽高等等。CSS 全程为：层叠样式表（Cascading Style Sheets）
2024-07-23 16:34:15
151
原创 16.meta元信息
2.怎会IE浏览器的兼容性配置：<meta http-equiv="X-UA-Compatible" content="IE=edge">1.配置字符编码：<meta charset="utf-8">注：网页自动刷新不配置访问哪个网页的话 时间到了他会自动刷新。字以内的一段话，与网站内容相关。个以英文逗号隔开的单词。
2024-07-23 16:21:31
144
原创 HTML_实体
在HTML中我们可以用一种特殊的形式的内容 来表示某个符号 这种特殊形式的内容 就是 HTML 实体 比如 < 用于 HTML 标签的开始 如果我们希望浏览器正确的显示这些字符 我们必须在 HTML 源码中插入字符字体。字符实体由三部分组成：一个 & 和一个实体名称（或者一个 # 和一个实体编号）最后再加上一个分号；
2024-07-23 15:34:20
97
原创 HTML_框架标签
属性：neme：框架名字 可以与 target 属性配合 width：框架的宽 height：框架的高度。2.与超链接或表单的 target 配合 展示不同的内容。frameborder：是否显示边框 值为：0或一。功能和语义：框架（在网页嵌入其他的文件）标签名：iframe（双标签）1.在网页中嵌入广告。
2024-07-22 21:50:29
209
原创 补充几个常用的标签
标签含义：在编写代码的时候不管你写了多少行打了多少个空格 最终他都指挥按一个空格 一行来给你显示 使用<pre>可以按原文显示。注：不要用<br>来增加文本之间的行间距 应使用<p>元素 或 以后学到的CSS margin属性。注：<hr>的语义是分割 如果不想要语义只想画一条水平线的话 那么应当使用CSS来完成。分割标签：<hr> 标签含义：分割行内的编码 并生成一条分割线。打上一个<br>就会换到第二行 打两个<br>就会隔一行。换行标签：<br> 标签含义：换行。
2024-07-21 16:57:07
170
原创 表格的基本结构和常用属性
table：表格 caption：表格标题 thead：表格头部 tbody：表格主体 tfoot：表格脚注。1.<table>元素的 border 属性可以控制表格边框 但 border 值的大小并不控制单元格边款的宽度。tr：每一行 th/td：每一个单元格（注：表格头部中使用：th 表格主体/表格脚注里使用：td）1.一个完整的表格是由：表格标题 表格头部 表格主体 表格脚注 四个部分组成。2.默认情况下 每列的宽度得看这一列单元格最长的那个文字。
2024-07-21 15:12:50
183
原创 列表注意事项
2.一个 dl 就是一个自定义列表 一个 dt 就是一个术语名称 一个 dd 就是术语描述(可有以多个）概念：列表中的某项内容 又包含了一个列表（注：嵌套时 请务必把解构写完整）1.概念：所谓自定义列表 就是一个包含 术语名称 以及 术语描述 的列表。注：li 标签最好写在 ul 或 ol 中 不要单独使用。概念：无顺序或不侧重顺序的列表。概念：有顺序或侧重顺序的列表。
2024-07-19 15:02:41
105
原创 超链接/跳转页面/跳转文件/跳转锚点
可以实现：1.跳转到指定页面 2.跳转到指定文件（也可出发下载） 3.可跳转到锚点位置 4.唤起指定的应用。主要作用：可从当前页面进行跳转。
2024-07-18 19:37:42
130
原创 相对路径/绝对路径
注：相对路径种的./可以忽略不写 相对路径依赖的是当前位置 后期若调整了文件位置 那么文件中的路径也都要修改。2.网络绝对路径 示例：http://www.111.222./444/555/logo.png。使用网络绝对路径 确实方便 但是注意：若人家的服务器开启了防盗链 会造成图片引入失败。注：使用本地绝对路径 一但更换设备 路径处理起来就会很麻烦 所以很少使用。1.本地路径 示例：E:/a/b/c/奥特面.jpg（很少使用）绝对路径：以根位置作为参考点去建立路径。
2024-07-18 16:14:15
125
原创 HTML图片标签的基本使用
width和height 他们俩的单位都是像素 分别可以指定图片的高和宽 如果你只改一个高或者宽的话 那么他会等比例扩大 或者等比例缩小 但如果文件是300像素的话那么就只能给他指定300的大小 如果给他放的太大会导致图片不清晰。在里输入 和图片名和图片后缀alt代表图片描述 用户也可以通过图片描述来来搜寻关键词 例如搜索奥特曼 那么他就有可能会搜索的我的网页。
2024-07-18 14:55:37
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人