HTNML&&CSS
文章平均质量分 65
前端中HTML的学习
木兮xg
花有重开日,人无再少年。相逢拌酩酊,何必备芳鲜。
展开
-
CSS之动画
一个好的事物应该是有生命,而不是死板的,我们在制作网页时也是如此,为了让画面变得更加生动有趣,我们会给它加上动画的效果,例如过度、变形、旋转、放缩。动画是一种动态的效果,例如我们的GIF图也是一种动画,其实现的方式就是通过帧来实现的,我认为是多张图片的切换。过度是指指定一个属性发生变化时的切换方式,其与动画类似,两者的不同之处在于过渡需要条件的激活。变形是指通过css来改变元素的形状或位置,不会影响到页面的布局,百分比是相对于自身计算。原创 2024-04-28 16:33:19 · 1643 阅读 · 0 评论 -
CSS之显示覆盖内容(z-index)
我们有的时候,希望下方的内容能够显示到上方,达到类似于多个图层的效果,此时我们可以利用z-index这个属性。z-index属性值是用来设置元素的堆叠顺序(元素层级)。原创 2024-04-27 15:27:23 · 904 阅读 · 0 评论 -
CSS的布局模式
虽然我们可以通过普通流来实现一行多个div,但是过于麻烦而且行块内存在缝隙,并且有很多的布局无法通过标准流来实现。优点:书写简单缺点:无意义标签较多导致结构化较差优点:简洁,方便缺点:溢出的内容无法显示出来优点:结构语义化缺点:IE6-7不支持,需要使用zoom:1优点:结构语义化缺点:IE6-7不支持,需要使用zoom:1。原创 2024-04-26 09:00:00 · 1322 阅读 · 0 评论 -
CSS盒子模型的认识
当我们打开一个网页使用F12进行调试时,经常可以看到如下图片,这便是一个盒子。所谓盒子模型(Box Model)就是把 HTML 页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。或者说,每一个可见的 HTML 元素都是一个盒子。———来自知乎。原创 2024-04-25 08:30:00 · 1192 阅读 · 1 评论 -
CSS的网页美化功能
以下几个绝对字体大小的设置是有效的。当然他们是浏览器预定义设置的。给元素指定了绝对关键字font-size的时候,该元素 就不会继承父元素的字体大小。【如下】原创 2024-04-24 08:45:00 · 1239 阅读 · 3 评论 -
CSS——高级选择器
与相邻兄弟选择器使用方法相同,格式有所改变,生效范围有所扩大,只要在同级下方都会生效。通过class属性来引用,被引用后的元素,只有与其相邻的下方的同一个标签生效。此选择器只能写在.css文件当中,引用使用。此选择器与层次选择器类似,不过,其生效条件是必须要有。标签1 不生效,被标签1 嵌套中的 标签2才生效。3)子标签:nth-of-type(){}1)父标签 子标签 :元素位置的修饰{}2)子标签:nth-child(){}【属性值的匹配可以使用正则表达式】标签名[属性名=属性值]{}原创 2024-04-21 23:12:30 · 561 阅读 · 0 评论 -
CSS的语法规则——基础选择器
不可以使用数字做开头,只能是'_'或者'-'这两个符号,其他的符号不可以,一个class里面可以有多个属性值。可以让多个标签来使用同一个class,也可以让同一个标签使用不同的类。定义是是那个用 *{} 来定义 通常用来解决行距等问题。全局性,使用后,所有的相同标签都是同一种样式。#id名 id名不可以数字开头。标签名:{style的内容}对页面内的所有标签都有效。原创 2024-04-18 13:53:12 · 569 阅读 · 0 评论 -
CSS的使用
本章在同一个html文件中展示。原创 2024-04-18 12:55:14 · 562 阅读 · 0 评论 -
HTML部分常用标签补充
table标签顾名思义,是表格的意思~table其中可以使用boder属性来显示表格的线,最好使用CSS来配合HTML的使用~table内的内容可以使用colspan来定义内容所占的单元格在行中的格子数【类似于excel中合并行单元格】~table内的内容可以使用rowspan来定义内容所占的单元格在列中的格子数【类似于excel中合并列单元格】原创 2024-04-17 14:41:19 · 789 阅读 · 0 评论 -
HTML元素的嵌套规则
1)块内可以放块元素,也可以放行内元素。3)a元素中可以放置除它以外的任何元素。2)行内元素内尽量不要出现块元素。4)p元素内不可放置块元素。原创 2024-04-17 00:05:11 · 321 阅读 · 0 评论 -
HTML内联框架
表示嵌套的。它能够将另一个 HTML 页面嵌入到当前页面中,并且它自带了一些有用的特性,如调整大小、滚动等。原创 2024-04-16 13:54:18 · 633 阅读 · 0 评论 -
HTML的超链接
如图,我们在浏览网页时经常可以看到这样的字体(点击便跳转到了别的地方了),今日就和各位一起学习一下超链接的相关知识。原创 2024-04-16 07:00:00 · 870 阅读 · 2 评论 -
HTML的路径
1.绝对路径~用于引用别处的图片(非本地的)2.相对路径~用于引入自己项目内的图片。原创 2024-04-15 13:32:37 · 576 阅读 · 2 评论 -
HTML图片
img图片标签~是自结束标签~属性~src表示要引入图片的位置~src需要一个路径作为参数~alt是对图片的描述~帮助搜索引擎来识别图片~如果不写alt则搜索引擎不会收录图片~width与height只有一个时是同步改变的,但两者同时存在时则是两者按值修改。【建议只修改一个,以保证图片的比例,从而美观】~width~图片的宽度~height~图片的高度。原创 2024-04-14 22:54:27 · 392 阅读 · 0 评论 -
HTML常用标签
title 表示标题标签,文字会显示到标签页~主要与SEO有关(了解)(搜索引擎在抓取页面时,会通过title来识别网站内容)原创 2024-04-14 18:53:31 · 471 阅读 · 0 评论 -
HTML 元素之间的关系
标签 tag元素 element。原创 2024-04-14 13:29:31 · 168 阅读 · 0 评论 -
HTML基本语法
【例: 可以写成 】(1)成对出现标签体 【例: 内容】【例:】2) 【例:】~属性用来描述元素,属性是一个名值对结构,即 属性名=“属性值”1) 【例:】【例:】原创 2024-04-14 13:06:36 · 749 阅读 · 0 评论 -
HTML简介
HTML负责网页的结构。~ HTML是yperextarkupanguage(超文本标记语言)的缩写。~其扩展名是.~HTML并不是一种编程语言而是一个标记语言,通过标签的形式来告诉浏览器这是什么,如何去表现~html的标签都是成对出现的,形式为 内容原创 2024-04-13 23:24:44 · 498 阅读 · 0 评论 -
网页的基本结构
自动补全:例如标签 1.输入后其会自动给其补全2. 进输入h1 + tab键。原创 2024-04-14 00:25:26 · 503 阅读 · 2 评论