笔记
关注
分享
扫一扫
Shane_xiao
这个作者很懒，什么都没留下…
展开
-
HTML/樱花爱心网页/
爱心代码转载 2022-11-08 12:35:24 · 1686 阅读 · 0 评论 -
第三周CSS知识总结
居中方式CSS中的居中可分为水平居中和垂直居中。水平居中分为行内元素居中和块状元素居中两种情况，而块状元素又分为定宽块状元素居中和不定宽块状元素居中。一、水平居中1、行内元素居中顾名思义，行内元素居中是只针对行内元素的，比如文本（text）、图片（img）、按钮等行内元素，可通过给父元素设置 text-align:center 来实现。另外，如果块状元素属性display 被设置为inline时，也是可以使用这种方法。但有个首要条件是子元素必须没有被float影响，否则一切都是无用功。.div1{原创 2020-12-06 11:46:30 · 174 阅读 · 0 评论 -
CSS 、display：flex属性
display:flex 属性display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。flex的六个属性flex-direction 容器内元素的排列方向(默认横向排列)原创 2020-12-04 21:28:35 · 363 阅读 · 0 评论 -
第二周学习总结（HTML + CSS）
第二周学习总结图片元素img元素image缩写，空元素src属性：source（资源）<img src="https://inews.gtimg.com/newsapp_bt/0/12785954079/1000" alt="海沃德">alt属性：当图片资源失效时，将使用该属性的文字替代图片和a元素联用(外面套一个a元素即可) <a href="https://www.bilibili.com/">bilibili <img src="https:.原创 2020-11-29 11:52:40 · 465 阅读 · 0 评论 -
文本元素
文本元素HTML支持的元素：HTML元素周期表h标题h1~h6： 表示1级标题到6级标题h$*6{$级标题}p段落p*6{内容}p6>lorem（乱数假文：没有任何实际含义的文字）p6>lorem1000(随机生成一千个数)span【无语义】没有语义，仅用于设置样式。三原色包含：<span style="color: red;">红</span>,<span style="color: yellow;">黄</span&g原创 2020-11-21 20:28:50 · 222 阅读 · 0 评论 -
HTML基础知识笔记
开发环境的准备显示文件扩展名大部分的文件名：名称.扩展名（后缀名）扩展名决定了文件被什么应用程序打开。第一个网页Emmet插件：自动生成HTML代码片段打出！再摁Tab键，会自动生成：<!-- <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,原创 2020-11-21 20:26:01 · 152 阅读 · 0 评论