koistarry-优快云博客

原创 CSS背景属性

属性值：背景色背景图背景平铺方式背景图位置/背景图缩放背景图固定（空格隔开各个属性值，不区分顺序）contain：根据盒子尺寸计算图片大小（如果图的宽度跟盒子尺寸相等停止缩放，可能导致盒子有露白）。注：100%图片的宽度跟盒子宽度一样，图片的高度按照图片比例等比缩放。属性名：background-attachment（bga）属性名：background-repeat（bgr）属性名：background-image（bgi）属性名：background-size（bgz）

2024-11-03 13:34:22 705

原创 CSS特性

②公式：通配符选择器<标签选择器<类选择器<id选择器<行内样式<!规则：①从左向右依次比较个数，同一级个数多的优先级高，如果个数相同，则向后比较；：也叫权重，当一个标签使用了多种选择器时，基于不同种类的选择器的匹配规则。②不同的属性会叠加：不同的CSS属性都会生效。特点：①相同的属性会覆盖：后面的CSS属性覆盖前面CSS属性；（行内样式，id选择器个数，类选择器个数，标签选择器个数）：代码的简写方式，输入缩写VScode会自动生成对应的代码。注：如果标签自己有样式则生效自己的样式，不继承。

2024-10-27 11:43:39 816

原创 CSS复合选择器

如果要给超链接设置以上四个状态，需要按L（link）V（visited）H（hover）A（active）的顺序书写。选择器1，选择器2，选择器3，....，选择器N{CSS属性},选择器之间用,隔开。父选择器子选择器{CSS属性}，父子选择器之间用空格隔开。选择器1选择器2{CSS属性}，选择器之间连写，没有任何符号。如果交集选择器中有标签选择器，标签选择器必须书写在最前面！父选择器>子选择器{CSS属性}，父选择器之间用>隔开。伪类表示元素状态，选中元素的某个状态设置样式。选中某元素的后代元素。

2024-10-26 19:55:24 656

原创 CSS简介

p>CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。另外，可以将相同样式的元素进行归类，使用同一个样式进行定义，也可以将某个样式应用到所有同名的HTML标签中，也可以将一个CSS样式指定到某个页面元素中。<p>在使用HTML定义页面效果的网站中，往往需要大量或重复的表格和font元素形成各种规格的文字样式，这样做的后果就是会产生大量的HTML标签，从而使页面文件的大小增加。

2024-10-25 10:57:49 1372

原创 CSS综合案例——新闻详情

如今，一个多世纪过去，“泰坦尼克号”的制造商哈兰德-沃尔夫终究也敌不过时代的锈蚀，不断挣扎后宣告破产。平民小伙的逆袭哈兰德-沃尔夫公司，正如它的名字所示，是由英国商人爱德华·哈兰德和他的助手、德裔英国人古斯塔夫·沃尔夫创立。<p>五年学徒工生涯结束后，哈兰德通过他叔叔的关系，结识了他此后的事业贵人、来自汉堡的德裔犹太商人施瓦贝。据哈兰德回忆，作为船厂的首席制图师，当时自己的周薪只有1英镑。他出生于英格兰约克郡的一个平民家庭，做医生的父亲在看病之余，还对工程发明有浓厚的兴趣，并拥有一项蒸汽动力车的专利。

2024-10-24 11:02:11 1437 1

原创 CSS文本基础知识

属性值：数值+px；数字+em（推荐：1em=当前标签的字号大小）text-align本质是控制内容的对齐方式，属性要设置给内容发父级。居中对齐的本质：居中的是文字内容，不是标签！属性名：text-decoration。属性名：text-indent。属性名：text-align。作用：控制内容水平方式。

2024-10-21 13:37:01 754

原创 CSS字体样式知识

拓展：①font-family属性值可以书写多个字体名，各个字体名用逗号隔开，顺序从左向右依次查找；行高的测量方法：从一行文字的最顶端（最底端）量到下一行文字的最顶端（最底端）。复合属性：属性的简写方式，一个属性对应多个值的写法，各个属性值之间用空格隔开。行高-垂直居中技巧：行高属性等于盒子高度属性值（只适用于单行）属性值：正常（不倾斜）：normal；注意：字号和字体值必须书写，否则font属性不生效。属性名：font-weight。属性名：font-style。属性名：font-size。

2024-10-20 17:18:30 521

原创 CSS的基础知识

②使用类选择器→标签添加class="类名"通配符选择器：*，不需要调用，浏览器自动查找页面所有标签，设置相同的样式。场景：id选择器一般配合javascript使用，很少用来设置css样式。开发习惯：类名见名知意，多个单词可以用-连接，例如：news-head。②使用id选择器→标签添加id="id名"：使用标签名作为选择器→选中同名标签设置相同的样式。作用：查找标签，差异化设置标签的显示效果。作用：查找标签，差异化设置标签的显示效果。步骤：①定义类选择器→类名。作用：查找页面所有标签，设置相同样式。

2024-10-18 17:01:05 624

原创 HTML注册信息的综合案例

密码：</label><input type="password" placeholder="请输入密码"><label><input type="radio" name="gender" >女<a href="#">《用户服务协议》</a></li><li><a href="#">《隐私政策》</a>

2024-10-17 10:20:10 914

原创 HTML简单版的体育新闻案例

h3>邀请赛夺冠、主帅开始变阵、放出潜力队员！天津男排新赛季有变化</h3><h3>库里16分布朗尼5中1 勇士大胜湖人季前赛5连胜</h3><h3>战术板｜半场射门0比9，国足赢在先手布局</h3>

2024-10-17 10:16:05 528 1

原创 HTML表单基础知识

默认情况下，文件上传表单控件只能上传一个文件，添加multiple属性可以实现文件多选功能。提示：支持label标签增大点击范围的表单控件：文本框、密码框、上传文件、单选框、下拉菜单、文本域等等。标签：select嵌套option，select是下拉菜单整体，option是下拉菜单的每一项。②设置label标签的for属性值和表单控件的id属性值相同。经验：用label标签绑定文字和表单控件的关系，增大表单控件的点击范围。写法二：使用label标签包裹文字和表单控件，不需要属性。①占位文本：提示信息。

2024-10-16 11:34:03 589

原创 HTML列表、表格基础知识

列表描述/详情第一项第二项第三项第一项第一项第一项列表标题

2024-10-13 09:59:06 1300

原创 CSS和Javascript的基础知识

所谓"脚本语言"，指的是它不具备开发操作系统的能力，而是只用编写控制其他大型应用程序的脚本。Javascript是一种嵌入式语言，它本身提供的核心语法不算很多。Javascript程序的单位是行，也就是一行一行地执行，一般情况下，每一行就是一个语句。属性（property)是您希望设置的样式属性（style attribute)。标识符是由：字母、美元符号（$）、下划线（_)和数字组成。标识符指的是用来识别各种值的合法名称，常规见的标识符就是变量名。使用CSS的目的就是让网页具有美观一致的页面。

2024-10-12 16:51:49 490

原创 HTML制作爱情公寓简介含视频标签

李金铭

2024-10-11 10:49:18 1269

原创 HTML制作蜡笔小新简介

a href="https://baike.baidu.com/item/%E8%9C%A1%E7%AC%94%E5%B0%8F%E6%96%B0/29538" target="_blank">《蜡笔小新》</a>是一部于1992年出品的日本家庭搞笑动画片，该片主要由本乡满、原惠一、武藤裕治导演，日本朝日电视台于1992年4月13日播映了第一集。<p>臼井仪人先生说，之所以会创造出小新这个形象，是因为他在观察自己的孩子的时候，发现小孩子的想法往往非常独特，以至于作者被小孩的世界所吸引。

2024-10-11 09:51:45 1771

原创 HTML标签的基本使用

（2）绝对路径：从盘符出发查找目标文件，Windows电脑从盘符出发，Mac电脑从根目录出发。注：h1标签在一个网页中只能使用一次，用来放新闻标题或网页的logo，h2~h6没有使用次数的限制。2、路径分类：（1）相对路径：从当前文件位置出发查找目标文件（一般用于自己电脑找文件）2、属性写在尖括号里面，标签名后面，标签名和属性之间用空格隔开，不区分先后顺序。1、一般用在新闻标签、文章标签、网页区域名称、产品名称等等。3、显示特点：文字加粗、字号逐渐减小、独占一行（换行）2、标签名：h1~h6（双标签）

2024-10-10 08:49:33 941

k_k_kkh的博客