- 博客(15)
- 收藏
- 关注
原创 CSS——盒子模型(下)
CSS——盒子模型(下)导读目录外边距典型应用外边距合并相邻块元素垂直外边距的合并嵌套块元素垂直外边距的塌陷清除内外边距外边距典型应用外边距可以让块级盒子水平居中,但是必须满足两个条件:①盒子必须指定了宽度②盒子左右的外边距都设置为auto.header{ width: 960px; margin: 0 auto; }常见的写法,以下三种都可以:margin-left: auto; margin-right: auto; margin: a.
2021-05-10 20:44:04
258
1
原创 CSS——三大特性
CSS——三大特性导读CSS有三个非常重要的特性:层叠性、继承性、优先级层叠性先看一个例子,比如同时使用两种样式修饰同一个标签div{ color: cadetblue; }div{ color: cornflowerblue; }而效果是这样的为什么会出现这种情况呢,这就是CSS的层叠性相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题层叠性原则:样式冲突,遵循的原.
2021-05-10 20:43:08
272
1
原创 CSS——背景
CSS——背景导读通过CSS背景属性,可以给页面元素添加背景样式背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等背景颜色background-color属性定义了元素的背景颜色background-color: 颜色值;一般情况下元素背景颜色默认值是transparengt(透明),可以手动指定背景颜色为透明色背景图片background-image属性描述了元素的背景图像。实际开发常见于logo或者一些装饰性的小图片或者是超大的..
2021-04-18 11:02:36
242
2
原创 CSS——复合选择器
CSS——复合选择器导读Chrome浏览器提供了一个非常好用的调试工具,可以用来调试HTML结构和CSS样式CSS——Chrome调试工具1.打开调试工具打开Chrome浏览器,按F12键或者右击页面空白处→检查2.使用调试工具①Ctrl+滚轮可以放大开发者工具代码大小②左边是HTML元素结构,右边是样式③右边CSS样式可以改动数值(左右箭头或者直接输入)和查看颜色④Ctrl+0复原浏览器大小⑤如果点击元素,发现右侧没有样式引入,极有可能是类名或者样式引入错误
2021-04-18 11:01:53
586
2
原创 CSS——引入方式
CSS——引入方式导读目录内部样式表行内样式表外部样式表CSS引入方式总结内部样式表内部样式表(内嵌样式表)是写到HTML页面内部的,将所有CSS代码抽取出来,单独放到一个标签中<style> div { color: red; font-size: 12px; }</style><style>标签理论上可以放在HTML文档的任何地方,但一般会放在文档的...
2021-04-10 14:49:00
121
1
原创 CSS——字体
CSS——字体导读字体系列CSS fonts(字体)属性用于定义字体系列、大小、粗细和文字样式(如斜体)CSS使用fonts-family属性定义文本的字体系列p{fonts-family:"微软雅黑";}...
2021-04-08 18:59:42
535
4
原创 CSS——选择器
CSS基础选择器导读CSS选择器的作用选择器就是根据不同需求把不同的标签选出来,即选择标签以上CSS的作用:1.找到所有h1标签,选择器2.设置标签的样式选择器分类选择器分为基础选择器和复合选择器两大类基础选择器是由单个选择器组成的 基础选择器包括:标签选择器、类选择器、id选择器和通配符选择器标签选择器标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式语法标签名{...
2021-04-08 15:58:04
160
1
原创 HTML——标签(下)
HTML——标签(下)导读标签语义学习技巧:理解标签的含义9.表格标签表格:用于显示、展示数据,将数据有条理的表现出来<table> <tr> <th>表头</th> <td>单元格内的文字</td> (可放若干个单元格) </tr>(可放若干个行)</table>标签语义:定义表格特点1.<table...
2021-04-01 16:02:03
96
原创 HTML——标签(上)
HTML常用标签标签语义学习技巧:理解标签的含义1.标题标签<h1> </h1> //从1到6分别有六级标题标签语义:作为标题,并依据重要性递减特点1.标题字体变粗,字号依次放大2.标题独占一行2.段落标签&换行标签段落标签<p> </p>标签语义:分割段落特点1.文本会根据浏览器大小自动换行2.段落与段落之间有间距换行标签<br />...
2021-03-27 18:34:03
359
2
原创 HTML——编写
HTML标签导读1.1 基本语法概述1.HTML标签是< 关键词 >,例如<html>。2.HTML标签通常是成对出现的,例如<html> </html>,称为双标签。第一个标签是开始标签,第二个标签是结束标签。3.有些特殊的标签必须是单个标签(极少情况),例如<br />,成为单标签。1.2 标签关系双标签:包含关系和并列关系。包含<head> <title><...
2021-03-27 18:33:26
2170
原创 HTML ——入门
HTML——入门、标签导读HTML入门1.1 网页网站是指在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”,通常是HTML格式的文件,它要通过浏览器来阅读。网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.htm或.html后缀结尾的文件,因此将其俗称为HTML文件。1.2 HTML的概念HTML 指的是超文本标记语言(Hyper Text Markup Langu..
2021-03-27 18:33:06
84
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人