![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5+CSS5入门
文章平均质量分 51
HTML5+CSS5入门
努力修福报
这个作者很懒,什么都没留下…
展开
-
【1.HTML入门知识-网页的组成】
由无数个标记(标签、tag)组成;是对某些内容进行特殊的标记,以供其他解释器识别处理;比如使用<h2></h2>标记的文本会被识别为“标题”进行加粗、文字放大显示;由标签和内容组成的称为元素(element)表示不仅仅可以插入普通的文本(Text),还可以插入图片、音频、视频等内容;还可以表示超链接(HyperLink),从一个网页跳转到另一个网页;中文插件:Chinese颜色主题文件夹图标在浏览器中打开网页自动重命名标签元素是网页的一部分;原创 2023-04-17 17:57:50 · 51 阅读 · 0 评论 -
【2.HTML入门知识-HTML元素】
URI = Uniform Resource Identifier 统一资源标志符,用于标识 Web 技术使用的逻辑或物理资源。URL = Uniform Resource Locator 统一资源定位符,俗称网络地址,相当于网络中的门牌号;URL 代表着是统一资源定位符(Uniform Resource Locator)◼ 通俗点说:URL 无非就是一个给定的独特资源在 Web 上的地址。元素标签在浏览器渲染时,会自动添加对应的css样式.原创 2023-04-17 20:30:13 · 48 阅读 · 0 评论 -
【3.HTML入门知识-CSS基础】
表示层叠样式表(Cascading Style Sheet,简称:CSS,又称为又称串样式列表、级联样式表、串接样式表、阶层式样式表)通用的css文件,导入到index.css中,其他文件只需要link到index.css就可以完成所有的通用css设置。是为网页添加样式的代码。CSS 不是真正的编程语言,甚至不是标记语言。它是一门样式表语言.总结:CSS的出现是为了美化HTML的,并且让结构(HTML)与样式(CSS)分离; 美化方式一:为HTML添加各种各样的样式,比如颜色、字体、大小、下划线等等;原创 2023-04-17 23:28:00 · 73 阅读 · 0 评论 -
【4.HTML入门知识-CSS样式】
CSS推荐中文文档地址:https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference#%E5%85%B3%E9%94%AE%E5%AD%97%E7%B4%A2%E5%BC%95。由于浏览器版本、CSS版本等问题,查询某些CSS是否可用:https://caniuse.com/CSS属性的官方文档:https://www.w3.org/TR/?修改为行级元素,或者设置margin: 0 auto。会依次使用前面的字体,都没有就会使用默认字体。原创 2023-04-20 21:06:33 · 42 阅读 · 0 评论 -
【4.HTML入门知识-CSS常见选择器】
开发中经常需要找到特定的网页元素进行设置样式,按照一定的规则选出符合条件的元素,为之添加CSS样式,这就是css选择器. 相当于a:link、a:visited、a:hover、a:active、a:focus的color都是red。◼ 比如我们经常会实现的: 当手指放在一个元素上时, 显示另外一个颜色。直接给a元素设置样式,相当于给a元素的所有动态伪类都设置了。◼ 一个HTML文档里面的id值是唯一的,不能重复。通过选择器,对指定元素的前面或者后面,添加元素。 伪类是选择器的一种,它用于选择处于。原创 2023-04-21 18:07:20 · 54 阅读 · 0 评论 -
【5.HTML入门知识-CSS继承-层叠-元素类型】
范围越小,权重越大。原创 2023-04-21 19:07:56 · 61 阅读 · 0 评论 -
【6.HTML入门知识-CSS盒子模型】
将这四个属性 border-top-left-radius、border-top-right-radius、border-bottom-right-radius,和 border-bottomleft-radius 简写为一个属性。阴影调试网站:https://html-css-js.com/css/generator/box-shadow/阴影调试网站:https://html-css-js.com/css/generator/box-shadow/◼ border-radius用于设置盒子的圆角.原创 2023-04-24 23:20:41 · 47 阅读 · 0 评论 -
【7.HTML入门知识-背景图片设置】
背景图片不占空间。原创 2023-04-25 02:18:29 · 42 阅读 · 0 评论 -
【8.HTML入门知识-HTML列表与表单】
网址:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input。原创 2023-04-25 18:01:05 · 110 阅读 · 0 评论 -
【9.HTML入门知识-其他知识补充】
【代码】【9.HTML入门知识-其他知识补充】原创 2023-04-27 23:38:13 · 235 阅读 · 0 评论 -
【10.HTML入门知识-CSS元素定位】
默认情况下,元素都是按照normal flow(标准流、常规流、正常流、文档流【document flow】)进行排布从左到右、从上到下按顺序摆放好 默认情况下,原创 2023-04-29 04:32:01 · 724 阅读 · 0 评论 -
【11.HTML入门知识-CSS元素浮动】
实际开发用得少在需要清除浮动的元素,加上clear-fix类就可以了原创 2023-04-29 17:14:46 · 55 阅读 · 0 评论 -
【12.HTML入门知识-flexbox布局】
某个元素单独设置align-items。很少设置,必须知道真实高度才会使用。原创 2023-04-29 23:59:53 · 883 阅读 · 0 评论 -
【13.HTML-动画】
translate的百分比可以完成一个元素的水平和垂直居中:https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_animated_properties。原创 2023-04-30 22:49:38 · 783 阅读 · 0 评论 -
【13.HTML-额外知识补充】
不导入,直接控制。原创 2023-05-01 13:33:22 · 53 阅读 · 0 评论 -
【14.HTML-移动端适配】
vw 是 CSS3 中的一个相对长度单位,它表示相对于视口宽度(viewport width)的百分比来计算长度。1vw 等于视口宽度的 1%。与其他相对长度单位(如 em 和 %)不同,vw 的值是基于视口宽度计算的,而不是基于父元素的宽度。rem 是 CSS3 中的一个相对长度单位,它表示相对于根元素(html 元素)的字体大小来计算长度。rem 的值不会受到父元素字体大小的影响,而始终是相对于根元素字体大小计算的。一般来说,如果要设置元素的。等属性,应该优先考虑使用。等属性,可以优先考虑使用。原创 2023-05-01 22:11:53 · 1167 阅读 · 0 评论