随笔分类 -  html和css

css的元素显示模式
摘要：css的元素显示模式分为块元素和行内元素，先来讲块元素 这是块元素的特点 接下来是行内元素 这是行内元素的特点 这是行内块元素 这是行内块块元素的特点 这是元素显示模式的总结 这是元素模式的转换 在设计网页的过程中，我们有时需要把链接变大，但因为它是行内标签，我们不能直接改变他的大小，所以需要把它改 阅读全文
posted @ 2023-03-12 22:44 梗 阅读(39) 评论(0) 推荐(0)
css的复合选择器
摘要：下面是复合选择器的总结 下面是代码部分 运行结果如下 因为那个B站和发病圣地已经点击过了，所以显示为设置好的黑色，但那个文本框里的还是能看到效果的，然后就是那个蓝色的发病圣地是鼠标悬浮在上面的效果（就是visited），后面那个红色的是鼠标点击它了但没松开按键的，如果要设置成和其他的不一样的，可以添 阅读全文
posted @ 2023-03-10 00:16 梗 阅读(50) 评论(0) 推荐(0)
emmet语法快速生成html和css结构
摘要： 阅读全文
posted @ 2023-01-22 19:43 梗 阅读(10) 评论(0) 推荐(0)
设计网页案例
摘要：根据题目（一个设计网页的案例）设置了一个类似的网页，代码如下：这是html部分 这是css的部分 这是网页展示效果 这次终于好看起来了，所以网页的美化还是挺重要的 阅读全文
posted @ 2023-01-13 20:10 梗 阅读(69) 评论(0) 推荐(0)
设置网页背景
摘要：这里我是使用外部样式表，上面是html的代码，下面才是css的代码，使用外部样式表的话，可以使用link标签将html和css连接起来，这样css就能对网页进行装饰了 上面就是一个类选择器和标签选择器，后面就是对文档内容的修饰background-image后面的url里面你图片的位置，我是从网上找 阅读全文
posted @ 2023-01-11 19:43 梗 阅读(132) 评论(0) 推荐(0)
文本系列标签
摘要：代码和页面效果放在后面，我们先看一下text-indent中的em 再来了解一下text-decoration的含义 下面就是text-decoration的值下面是text-decoration-style的值 我们的行间距有三部分组成，有上间距，文本高度和下间距，文本高度就是文字的像素大小，如果 阅读全文
posted @ 2023-01-10 12:48 梗 阅读(104) 评论(0) 推荐(0)
字体系列标签
摘要：代码和运行结果就放到后面去了，我们平时很少改文字为斜体，都是把它改成不倾斜的 em和i两个标签都是表示倾斜的，但它们两个也是有区别的font复合属性可以把多个font属性的标签合为一体，这样写更节约代码，但在写的过程中，必须按照它的语法格式来写，不能更换顺序下面是font属性的总结 下面就是整个代码 阅读全文
posted @ 2023-01-09 17:48 梗 阅读(95) 评论(0) 推荐(0)
类名选择器与id选择器
摘要：这是类名选择器的介绍 下面是一个简单的类名选择器，代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m 阅读全文
posted @ 2023-01-05 16:01 梗 阅读(74) 评论(0) 推荐(0)
标签选择器
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2023-01-04 11:26 梗 阅读(58) 评论(0) 推荐(0)
注册页面案例
摘要：主页面： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文
posted @ 2023-01-03 12:19 梗 阅读(41) 评论(0) 推荐(0)
label标签
摘要：假如我们现在需要进行年龄调查，每个年龄前面有个小点，每次我们需要点击那个小点才能选中，这样是非常不方便的，所以我们可以使用label标签，当我们点击一些文本时，浏览器会自动把焦点转到对应的表单元素上，改善用户体验 完成之后，即使我们不点击那个小圆点，点击后面的文本也是可以选中的。但label标签中的 阅读全文
posted @ 2022-12-30 16:27 梗 阅读(90) 评论(0) 推荐(0)
type属性提交，普通、重置按钮和文件域
摘要：type中的submit可以把表单域里的表单元素里面的值提交给都后台服务器，这里咱们就需要在form标签里面加一个action，method 但因为我们没有写php，所以是无法访问的，那个method里的值也可以改为post，post和get的区别是get网址上会把你的密码直接显示出来，而post就 阅读全文
posted @ 2022-12-30 15:02 梗 阅读(88) 评论(0) 推荐(0)
input中的属性
摘要：以上是对input的type属性中的text和password的简单应用 对于性别的单选，name值要相同，不然它name值不同就不是单选了 value属性就是元素的值，就是输入的值 这样的话它的用户名就是牛爷爷，但密码还是不显示出来checked属性就是默认的意思，当你打开这个网页时就默认选择了这 阅读全文
posted @ 2022-12-29 19:57 梗 阅读(47) 评论(0) 推荐(0)
合并单元格
摘要：首先我们先创建一个表，这里我创建了一个四行三列的表 合并单元格的规则是这样的 跨行是用rowspan=" ",跨列是用colspan=" "，这些都只在你的目标单元格内书写，比如我现在想要合并第一列第一个和第二列第一个，那么这就是跨列合并，所以使用colspan，跨列的目标单元格是在最左侧的单元格上 阅读全文
posted @ 2022-12-28 10:33 梗 阅读(315) 评论(0) 推荐(0)
超链接的基本使用
摘要：整个网页的制作效果如下 点击超链接就可以打开网页了，网页页面效果如下 实现代码如下 接下来是另一个超链接，它的实现代码如下 网页效果如下ps：本人是前端初学者，如有错误或者有可以改进的地方，各位大佬可以在下面告诉我，非常感谢！ 阅读全文
posted @ 2022-12-25 19:39 梗 阅读(130) 评论(0) 推荐(0)
h,p,audio和video标签的简单应用
摘要：找不到工作地址的图，随便找了张我老婆的图来代替，爷老婆就是她，她就是这么好看！（请忽略掉这段文字，本人又开始发病了） 后面这里还加入audio和video的标签，都是能使用的，一个网页这么样就搭建好了，但属实是太丑了，等学习到了css就可以好好地装饰一下网页 阅读全文
posted @ 2022-12-25 12:11 梗 阅读(52) 评论(0) 推荐(0)