- 博客(9)
- 收藏
- 关注
RSS订阅原创 CSS复合选择器
CSS复合选择器Emmet语法1.1快速生成HTML结构语法生成标签 直接输入标签名按tab键即可 比如 div 然后tab键，就可以生成< div>< div>如果想要生成多个相同标签 加上*就可以了 比如 div * 3（无空格）就可以快速生成3个div如果有父子级关系的标签，可以用> 比如 ul>li就可以了如果有兄弟关系的标签，用+就可以了 比如div+p如果生成带有类名或者id名字的，直接写.demo或者#two tab键即可如果生成的div类
2021-06-19 09:45:01
122
原创 Chrome调试工具的使用
Chrome调试工具的使用1.打开调试工具打开Chrome浏览器，按下F12键或者右键页面空白处—>检查2.使用调试工具Ctrl+滚轮可以放大开发者工具代码大小左边是HTML元素结构，右边是CSS样式右边CSS样式可以改动数值（左右箭头或者直接输入）和查看颜色Ctrl+0复原浏览器大小如果点击元素，发现右侧没有样式引入，极有可能是类名或者样式引入错误如果有样式，但是样式前面有黄色叹号提示，则是样式属性书写错误...
2021-06-12 12:18:20
219
原创 CSS的引入方式
CSS的引入方式CSS的三种样式表按照CSS样式书写的位置（或者引入的方式），CSS的样式表可以分为三大类：行内样式表（行内式）内部样式表（嵌入式）外部样式表（连接式）内部样式表内部样式表（内嵌样式表）是写到html页面内部。是将所有的CSS代码抽取出来，单独放到一个< style>标签中。格式：<style> div { color: red; font-size: 26px; }</style>
2021-06-12 11:29:29
94
原创 CSS文本属性
CSS文本属性文本颜色color属性用于定义文本的颜色格式：div { color: red;}表示属性值预定义的颜色值red，green，blue十六进制#FF0000,#FF6600,#29D794rgb代码rgb(255,0,0)或rgb(100%,0%,0%)注意：开发中最常用的是十六进制对齐文本text-align属性用于设置元素内文本内容的水平对齐方式格式：div { text-align: center;}属性
2021-06-12 10:45:39
117
原创 CSS字体属性
CSS字体属性字体系列CSS使用font-family属性定义文本的字体系列格式：p {font-family: "微软雅黑";}div {font-family: Arial,"Microsoft Yahei","微软雅黑";}各种字体之间必须使用英文状态下的逗号隔开一般情况下，如果有空格隔开的多个单词组成的字体，加引号尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示最常见的几个字体：body{font-family: “Microsoft Yahei”,tahoma,
2021-06-12 09:56:19
83
原创 CSS基础选择器
CSS基础学习CSS基础选择器CSS选择器的作用选择器（选择符）就是根据不同需求把不同的标签选出来这就是选择器的作用。简单来说，就是选择标签用的选择器分类选择器分为基础选择器和复合选择器两大类基础选择器由单个组成基础选择器又包括：标签选择器，类选择器，id选择器和通配符选择器标签选择器标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式格式：标签名 { 属性1： 属性值1； 属性2： 属性值2； 属性3： 属性值3；
2021-06-10 14:50:48
54
原创 HTML常用标签（下）
HTML常用标签（下）表格标签表格主要用于显示、展示数据.格式：<table> <tr> <td>单元格内的文字</td> </tr> </table>< table>< /table>是用于定义表格的标签< tr>< /tr>标签用于定义表格中的行，必须嵌套在< table>< /table>标签中< td>< /t
2021-06-07 14:02:20
71
原创 HTML常用标签（上）
HTML常用标签（上）标题标签格式：< h1 >内容< /h1>是一级标题< h2>内容< /h2>是二级标题< h3>内容< /h3> 是三级标题< h4>内容< /h4>是四级标题< h5>内容< /h5>是五级标题< h6>内容< /h6>是六级标题特点：加了标题标签的文字会加粗，字号也会变大一个标题独占一行段落标签格式：<
2021-06-05 21:19:38
253
原创 MarkDown语法学习
MarkDown语法学习标题：一个#是一级标题(输入#后 加一个空格即可，下面同理)两个##是二级标题三个#是三级标题四个#是四级标题五个#是五级标题六个#是六级标题最多六级标题引用直接使用>符号即可示例：字体斜体一个*是斜体格式：最左边是一个*，中间是内容，最右边同样也是一个 *，没有空格示例加粗两个**是加粗格式：最左边是两个*，中间是内容，最右边同样也是两个 *，没有空格示例斜体加粗三个***是斜体加粗格式：最左边是三个*，中间是内容，最右边同样也
2021-06-05 11:46:09
84
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人