![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML&CSS
基础学习记录
逻辑鬼才不太聪明
小码农
展开
-
背景&背景练习&雪碧图使用
背景&背景练习&雪碧图使用背景一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style typ原创 2020-05-09 18:34:25 · 304 阅读 · 0 评论 -
相对定位&绝对定位&固定定位&元素的层级
相对定位&绝对定位&固定定位&元素的层级&opacity元素的透明背景相对定位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&原创 2020-05-09 18:33:56 · 5777 阅读 · 0 评论 -
完整的基本练习
完整的基本练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css">原创 2020-05-08 18:59:45 · 70 阅读 · 0 评论 -
基础布局练习&导航条练习
基础布局练习&导航条练习布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="tex原创 2020-05-08 18:59:07 · 221 阅读 · 0 评论 -
浮动&解决高度塌陷&清除浮动和解决高度塌陷最终方法
浮动&解决高度塌陷&清除浮动和解决高度塌陷最终方法浮动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &l原创 2020-05-08 18:58:42 · 169 阅读 · 0 评论 -
浏览器的默认样式&内联元素的盒模型&display和visibility&overflow&文档流
浏览器的默认样式&内联元素的盒模型&display和visibility&overflow&文档流浏览器的默认样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...原创 2020-05-08 12:26:42 · 179 阅读 · 0 评论 -
盒子模型 内边距&外边距&垂直外边距的重叠
盒子模型 内边距&外边距&垂直外边距的重叠盒子模型内边距<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal...原创 2020-05-07 22:58:00 · 195 阅读 · 0 评论 -
盒子模型 边框&边框简写属性
盒子模型 边框&边框简写属性盒子模型边框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...原创 2020-05-07 22:57:34 · 629 阅读 · 0 评论 -
字体样式&字体分类&字体样式二
字体样式&字体分类&字体样式二字体样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2020-05-07 18:36:29 · 465 阅读 · 0 评论 -
行间距-行高&文本样式
行间距-行高&文本样式行高<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2020-05-07 18:35:59 · 1098 阅读 · 0 评论 -
长度单位&颜色RGB值&十六进制颜色RGB值
长度单位&颜色RGB值&十六进制颜色RGB值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...原创 2020-05-07 08:45:14 · 403 阅读 · 0 评论 -
样式继承&选择器的优先级&伪类的选择器&文本标签及样式&有序列表和无序列表
样式继承&选择器的优先级&伪类的选择器&文本标签及样式&有序列表和无序列表(背景、边框、定位)相关的样式不会被继承选择器的优先级当使用不同的选择器,选中同一个元素时并且设置相同的样式时这时样式之际嗯产生了冲突,最终到底采用哪种选择器由(权重)决定优先级的规则内联样式,优先级 1000id选择器,优先级100类和伪类,优先级10元素选择...原创 2020-05-07 08:44:43 · 170 阅读 · 0 评论 -
属性选择器&子元素的伪类&兄弟元素选择器
属性选择器&子元素的伪类&兄弟元素选择器&否定伪类<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> /* 属性选择器 ...原创 2020-05-06 18:34:01 · 524 阅读 · 0 评论 -
CSS伪类选择器&伪元素
CSS伪类选择器&伪元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti...原创 2020-05-06 18:33:17 · 118 阅读 · 0 评论 -
CSS样式
CSS样式简介:内联样式:将样式直接卸载html指定的属性中内部样式表:将css样式编写到 head 头部文件中的 style标签中外部样式表: 将css样式编写在外部的css样式文件中,通过 link 标签引入使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...原创 2020-05-06 18:32:47 · 91 阅读 · 0 评论