![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
文章平均质量分 82
长存祈月心
记录学习
展开
-
CSS浮动
在最初,浮动是用来实现文字环绕图片效果的,现在浮动是主流的页面布局方式之一。原创 2024-08-24 20:55:10 · 213 阅读 · 0 评论 -
CSS盒子模型(三)
但如果本身没有设置某个样式,会从父元素开始一级一级继承(优先继承离得近的祖先元素)。一个规律:能继承的属性,都是不影响布局的,简单说:都是和盒子模型没关系的。行内块元素与文本的基线对齐,而文本的基线与文本最底端之间是有一定距离的。即:可以像处理文本对齐一样,去处理:行内、行内块在父元素中的对齐。行内元素、行内块元素,彼此之间的换行会被浏览器解析为一个空白字符。,所以如果要重置元素的默认样式,选择器一定要直接选择器到该元素。行内元素、行内块元素,可以被父元素当做文本处理。元素:下划线、字体颜色、鼠标小手。原创 2024-08-24 20:55:07 · 762 阅读 · 0 评论 -
CSS盒子模型(二)
margin。原创 2024-08-16 08:00:00 · 896 阅读 · 0 评论 -
CSS盒子模型(一)
CSS 会把所有的 HTML 元素都看成一个盒子原创 2024-08-16 08:00:00 · 653 阅读 · 0 评论 -
CSS常用属性(列表属性、表格属性、背景属性、鼠标属性)
CSS的列表属性、表格属性、背景属性、鼠标属性原创 2024-07-28 22:30:50 · 898 阅读 · 0 评论 -
CSS常用属性(文本属性)
CSS的文本属性原创 2024-07-28 22:12:29 · 1099 阅读 · 0 评论 -
CSS常用属性(字体属性)
可以设置多个字体,按照从左到右的顺序逐个查找,找到就用,没有找到就使用后面的,且通常在最后写上。使用字体的英文名字兼容性会更好,具体的英文名可以自行查询,或在电脑的设置里去寻找。不同浏览器默认的字体大小可能不一致,所以最好给一个明确的值,不要用默认大小。实际开发中更推荐复合写法,但这也不是绝对的,比如只想设置字体大小,那就直接用。且无单位,数值越大,字体越粗 (或一样粗,具体得看字体设计时的精确程度)。系统中,默认的字体就是微软雅黑。:斜体(使用字体自带的斜体效果)作用:控制字体的粗细。原创 2024-07-25 23:54:11 · 278 阅读 · 0 评论 -
CSS常用属性(像素的概念、颜色的表示)
像素概念:我们的电脑屏幕是,是由一个一个小点组成的,每个小点,就是一个像素(px规律:像素点越小,呈现的内容就越清晰、越细腻。颜色表示:1.颜色名;2.rgb或rgba;3.HEX或HEXA;4.HSLhuoHSLA原创 2024-07-25 16:29:20 · 498 阅读 · 0 评论 -
选择器的优先级和CSS三大特征
通过,选中,并且为设置时,就发生了样式的冲突。到底应用哪个样式,此时就需要看了。原创 2024-07-25 00:05:56 · 316 阅读 · 0 评论 -
CSS选择器
CSS基本选择器:原创 2024-07-15 23:20:50 · 543 阅读 · 5 评论 -
CSS基础
项目上线时,我们会通过工具将【展开风格】的代码,变成【紧凑风格】,这样可以减小文。:选择器与声明块之间,属性名与属性值之间,均有一个空格,理论上能省略,但最好。外部样式的优势:样式可以复用、结构清晰、可触发浏览器的缓存机制,提高访问速。件体积,节约网络流量,同时也能让用户打开网页时速度更快。行内样式表,只能控制当前标签的样式,对其他标签无效。:最后一个声明后的分号理论上能省略,但最好还是写上。1. 内部样式、外部样式,这二者的优先级相同。添加样式,实现了:结构与样式的分离。的思想,不推荐大量使用,只。原创 2024-07-15 18:49:31 · 752 阅读 · 1 评论 -
HTML框架标签、全局属性、meta 元信息
给标签设置一个文字提示,一般超链接和图片用得比较多。1. 在网页中嵌入广告。2. 与超链接或表单的。给标签指定语言,具体规范和可选值请参考【要求搜索爬虫不跟随此页面上的链接。标签与表单控件相关联;允许搜索爬虫跟随此页面上的链接。要求搜索引擎不缓存页面内容。框架(在网页中嵌入其他文件)给标签指定类名,随后通过。允许搜索爬虫索引此页面。要求搜索爬虫不索引此页面。配合,展示不同的内容。就可以给标签设置样式。浏览器的兼容性配置。原创 2024-05-17 19:49:25 · 375 阅读 · 0 评论 -
HTML表单
一个包含交互的区域,用于收集用户提供的数据。原创 2024-05-01 15:51:35 · 30 阅读 · 0 评论 -
HTML超链接、列表、表格、常用标签补充
概念:所谓自定义列表,就是一个包含。原创 2024-05-01 15:27:58 · 644 阅读 · 0 评论 -
HTML基础
概述:扩展名为 .jpg 或 .jpeg ,是一种有损的压缩格式(把肉眼不容易观察出来的细节丢弃了)。概述:扩展名为 .bmp ,不进行压缩的一种格式,在最大程度上保留图片更多的细节。如何使用:直接作为 img 标签的 src 属性的值即可,并且不受文件位置的影响。举例:对于 h1 标签,效果是文字很大(不重要),语义是网页主要内容(很重要)。概述:扩展名为 .webp ,谷歌推出的一种格式,专门用来在网页中呈现图片。概述:扩展名为 .png ,是一种无损的压缩格式,能够更高质量的保存图片。原创 2024-04-26 18:21:34 · 603 阅读 · 0 评论 -
HTML 入门
全称:Internet Engineering Task Force(国际互联网工程任务组),成立于1985年底,是一个权威 的互联网技术标准化组织,主要负责互联网相关技术规范的研发和制定,当前绝大多数国际互联网技术标准均出自IETF。全称:World Wide Web Consortium(万维网联盟),创建于1994年,是目前Web技术领域,最具影响力的技术标准机构。超文本:暂且简单理解为 “超级的文本”,和普通文本比,内容更丰富。注意:文档声明,必须在网页的第一行,且在 html 标签的外侧。原创 2024-04-16 22:49:44 · 1833 阅读 · 1 评论