![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML基础
文章平均质量分 52
Kristen_Zyt
这个作者很懒,什么都没留下…
展开
-
媒体查询&响应式布局
媒体查询:概念:可根据设备(电脑/手机/终端设备)的尺寸,查询出适配自己的样式,可以根据用户的终端设备配对对应的样式;共三种样式用媒体查询: 1、外部样式表媒体查询 --- link media="设备类型 and关键字 (这一定要空格) (媒体查询条件)" 2、@import方式 --- <style> @import url(路径) 设备类型 and (媒体查询的条件); --- <...原创 2021-06-28 23:34:59 · 252 阅读 · 0 评论 -
h5新增的语义化标签&新增表单标签
h5新增标签<header></header> <footer></footer>原创 2021-06-16 17:48:53 · 92 阅读 · 0 评论 -
锚点&定位&定位元素的层次关系&透明度
锚点:1.命名锚点: <标记的id="锚点名"></标记>2.锚点链接:原创 2021-06-10 17:32:23 · 174 阅读 · 0 评论 -
元素类型&垂直对齐属性
块级元素:div、p、h1~h6、行内(内联)元素:b、strong、i、em、a、span行内(内联)块级元素:img、input原创 2021-06-09 19:00:39 · 120 阅读 · 0 评论 -
列表&背景图片&溢出文本
列表序号是图片时:list-style-image:url(路径)设置列表标记的放置位置:list-style-position:outside/inside原创 2021-06-08 17:53:47 · 147 阅读 · 0 评论 -
盒模型&CSS的核心属性
padding(内边距):使用方法:在容器内部需要设置边距shi盒子与元素之间的距离带有宽高的盒子会被撑大,若盒子无宽高不需要减宽高,反之则减原创 2021-06-08 09:03:52 · 72 阅读 · 0 评论 -
权重&切图
权重:! important>行内(1000)>类选择器(100)>id选择器(10)>标签选择器(1)群组选择器的权重互不相关原创 2021-06-04 19:33:22 · 75 阅读 · 0 评论 -
Link和import的区别(面试题)
差别1:本质的差别:link属于XHTML标签,而@import完全是CSS提供的一种方式。差别2:加载顺序的差别:当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显。差别3:兼容性的差别:@import是CSS2.1提出的,所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。原创 2021-06-04 09:42:56 · 494 阅读 · 1 评论 -
优先级&CSS选择器
优先级:行内(内联)>内部样式/外部样式(这两的优先级取决于位置的前后,位置在后的则会覆盖位置在前的样式“浏览的解析顺序由上到下”)原创 2021-06-04 09:31:44 · 58 阅读 · 0 评论 -
表格&表单&CSS基础
表格原创 2021-06-02 18:52:10 · 78 阅读 · 0 评论 -
HTML基础标签
自动换行:p—自动换行且带段间距br—强制换行无间距h—自动换行非自动换行:原创 2021-06-02 11:52:14 · 59 阅读 · 0 评论 -
html5基础(新增标签)
html5新增标签section —— 内容区块header —— 页面标题nav —— 导航链接article —— 一块与上下文无关独立的内容aside —— 在article之外的,与article内容相关的辅助信息footer —— 页面的脚注figure —— 一段独立的流内容,用figcaption元素为其添加标题main —— 页面中更主要的内容hgroup —— 标题组mark —— 高亮dialog —— 定义对话框或窗口canvas ——.原创 2021-05-24 21:56:12 · 68 阅读 · 0 评论 -
高级表单&高级表格&BFC
高级表单表单域下拉列表: 表单域多行文本定义:(cols—宽度,rows—高度) <textarea name="" cols="" rows=""></textarea>表单字段集(可嵌套):<fieldest></fieldest>表单字段级标题:<legend align="left/right/center/justify"></legend>提示信息标签:<label fo...原创 2021-05-24 21:33:23 · 170 阅读 · 0 评论 -
宽度自适应&高度塌陷
宽度自适应 width如果块级元素设置宽度为100%或不设置,宽度默认自适应到整个屏幕宽度(通栏效果) 块级元素不设置宽度的时候,和父级等宽 重点:如果当前元素脱离了文档流,元素的宽度由内容决定→如果元素设置了浮动或定位 一定要给元素添加宽高大小高度自适应 height当元素不设置高度的时候,没有内容 在浏览器中不显示 当元素不设置高度或设置为auto时,可做到自适应 子级元素自适应父级元素 height:100% 常见用法——html,body{heigh...原创 2021-05-21 01:04:17 · 224 阅读 · 0 评论