![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Li敢敢
苦海无涯,唯有自渡。
展开
-
CSS知识点复习整理
CSS知识点复习整理1.常用CSS属性2.CSS样式应用到元素上3.内联样式(inline style)4.文档样式表(document style sheet)5.外部样式表6.@import7.CSS选择器(selector)8.通用选择器(universal selector)9.元素选择器(type selectors)10.类选择器(class selectors)11.class注意点12.id选择器(id selectors)13.id注意点14.设置网页图标15.最常用的CSS属性16.CS原创 2020-12-19 23:43:11 · 1122 阅读 · 3 评论 -
html知识点复习整理
html复习1.完整的HTML结构2.h、p、strong元素3.code、br、hr元素4.字符实体(Character Entity)5.span元素6.div元素7.img元素8.常用图片格式9.a元素10.target11.iframe元素12.base元素13.锚点链接14.伪链接15.图片链接16.URL的格式17.URL常见的协议18.列表19.有序列表 – ol、li20.无序列表:ul、li21.定义列表:dl、dt、dd22.列表相关的CSS属性23.表格常用元素24.table常用元素原创 2020-12-19 23:04:43 · 1483 阅读 · 1 评论 -
css实现水平居中的不同类型的方式总结
css实现水平居中的不同类型的方式总结1.普通文本 text-align: center; 2.行内元素text-align: center;3.图片:行内替换元素text-align: center;4.行内块级元素:inline-blocktext-align: center;5.块级元素(在自身元素中添加该属性值)margin: 0 auto;<!DOCTYPE html><html lang="en"><head> <met原创 2020-12-08 00:54:16 · 168 阅读 · 0 评论 -
html+css小例子-1
html+css小例子-1效果图如下:![在这里插入图片描述](https://img-blog.csdnimg.cn/20201206190133275.png)代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g原创 2020-12-06 19:02:30 · 204 阅读 · 1 评论 -
生成html5代码--笔记回顾
生成html5代码--笔记回顾1、生成html5代码2、生成子代的元素3、生成兄弟元素4、子代+兄弟结构练习5、生成多个元素6、生成上一个层级7、对元素进行分组8、生成元素的属性9、生成元素的内容10、生成结构有数字11、隐式标签12、CSS的emmet用法1、生成html5代码!+回车html:5+回车(vscode)2、生成子代的元素<!DOCTYPE html><html lang="en"><head> <meta charset="UT原创 2020-10-25 16:41:21 · 215 阅读 · 0 评论 -
CSS的元素类型--笔记回顾
CSS的元素类型--笔记回顾1、块级元素和行内级元素2、块级元素的由来3、display的练习-邮箱列表4、display的练习-分页列表5、visibikity属性的使用1、块级元素和行内级元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box {原创 2020-10-25 16:30:32 · 146 阅读 · 0 评论 -
CSS继承和层叠--笔记回顾
CSS继承和层叠--笔记回顾1、CSS属性的继承2、CSS继承的注意事项3、CSS层叠的基本颜良1、CSS属性的继承<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ color: blue; font-size: 20px;原创 2020-10-25 16:24:40 · 123 阅读 · 0 评论 -
CSS其他选择器--笔记回顾
CSS其他选择器--笔记回顾1、属性选择器2、后代选择器(重要)3、子代选择器4、相邻兄弟选择器5、全兄弟选择器6、交集选择器(重要)7、并集选择器(重要)8、伪类_目标伪类9、伪类_元素状态伪类10、伪类_动态伪类11、伪类_nth-child(数字)12、伪类_nth-child(n)13、伪类_nth-child-强调14、伪类_nth-child(数字)15、伪类_nth-of-type(数字)16、伪类_nth-of-type(n)17、伪类_nth-lat-of-type18、伪类_only-c原创 2020-10-25 16:18:00 · 144 阅读 · 0 评论 -
CSS文本和字体--笔记回顾
CSS文本和字体--笔记回顾1、文本_text-decoration2、文本_letter-word-spacing3、文本_text-transform4、文本_text-indent5、文本_text-align6、字体_font-size7、字体_font-family8、字体_font-weight9、字体_font-style10、字体_font-varient11、字体_font_line-height12、字体_font_缩写属性1、文本_text-decoration<!DOCTY原创 2020-10-25 15:51:53 · 124 阅读 · 0 评论 -
CSS的基本使用--笔记回顾
CSS的基本使用--笔记回顾1、CSS的引入_内联样式2、CSS引入文档样式表3、CSS外部样式表4、CSS选择器_通用选择器5、CSS选择器_元素选规器6、CSS选择器_类选择器7、CSS选择器_id选择器8、开发中结构和样式分离9、最常见的CSS属性10、颜色的设置方式1、CSS的引入_内联样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原创 2020-10-25 15:26:21 · 186 阅读 · 0 评论