![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css
小怡同学.
这个作者很懒,什么都没留下…
展开
-
前端学习之html相关概念
HTML1. DOCTYPE 的作用是什么?2. 标准模式与兼容模式各有什么区别?3.SGML 、 HTML 、XML 和 XHTML 的区别?4.空元素定义5.你是如何理解语义化的?1. DOCTYPE 的作用是什么?标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。 声明必须是 HTML 文档的第一行,位于 < html> 标签之前。声明文档的解析类型(document.compatMod原创 2020-09-03 11:11:10 · 149 阅读 · 0 评论 -
css中关于父子级和兄弟级外边距合并问题。
外边距合并问题父子级:父元素会随着子元素一起拥有外边距1.给父元素添加overflow:hidden2.给父元素设置为IE盒子3.给父元素加上边框4.给父元素或者本身加上浮动5.给父元素或者是本身加上绝对定位6.给父元素或者是本身加上固定定位7.给父元素或者是本身加上display:inline-block兄弟级:1.外边距(垂直方向) 都为正数,那么取更大的值垂直方向外边距为负数,选取绝对值值大的垂直方向上外边距一个为正一个一个为负,那么会叠加2.外边距(水平方向) 水平方向上原创 2020-08-09 20:44:37 · 288 阅读 · 0 评论 -
什么是float布局和清除布局的方法。
浮动元素是脱离文档流的,但不脱离文本流。-遇到其他的浮动元素,停止浮动,遇到父元素的边框 停止浮动。对兄弟元素的影响1.不影响其他块级元素的位置2.影响其他块级元素的文本3.上面贴非 float 元素4.旁边贴 float 元素或者边框对父级元素的影响1.从布局上 “消失”2.高度塌陷清除浮动的方法1.兄弟级clear:both;2.父子级a.给父元素添加overflow:hidden;b.给父元素使用伪类选择器div::after{content;’’;..原创 2020-08-09 20:42:26 · 295 阅读 · 0 评论 -
关于css中元素的显示和隐藏总结
元素显示和隐藏属性要成对使用,不能混合使用。方法1:displayblock 显示none 隐藏不占据屏幕空间 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>显示隐藏比较</title> <style type="text/css"> div{ width: 200px; height: 200p原创 2020-08-06 22:51:05 · 148 阅读 · 0 评论 -
动画的应用,西游记动画效果
实现背景向后移动以及人物走路的动画效果。实现代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>梦幻西游</title> <style type="text/css"> *{ margin: 0; padding: 0; .原创 2020-08-05 19:28:58 · 1153 阅读 · 2 评论 -
块级元素水平垂直居中问题
关于块级元素水平居中的方法总结,效果图:方法一:父元素dispaly:flex;子元素margin: auto;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>块级元素水平垂直居中</title> <style> /* 样式 */ html, body { height: 100%; } .fath原创 2020-08-05 19:08:55 · 231 阅读 · 1 评论 -
HTML中CSS的引入
css引入行内样式在标签中添加 style属性,<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>样式表的引入</title></head><body> <div style="width: 100px;height: 100px;background-color: blue;"></d原创 2020-08-04 20:08:40 · 165 阅读 · 0 评论