自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 CSS的三大特性

层叠性样式冲突,遵循的原则是就近原则,哪个样式结构近,执行哪个样式样式不冲突,不会层叠继承性子标签会继承父标签的某些样式,如文本颜色和字号。子元素可以继承父元素的样式(text-,font-,line-这些元素开头的可以继承,以及color属性)行高继承性优先级注意事项权重是不可能有进位的继承权重为0a标签有默认样式:蓝色的 有下划线复合选择器会有权重叠加,需要计算权重...

2021-02-03 21:03:13 127

原创 CSS背景

背景颜色background-color:颜色值;一般情况下元素背景默认是transparent(透明),我们也可以手动指定背景颜色为透明色背景图片background-image : none | url(url)参数值作用none无背景图(默认的)url使用绝对或相对地址指定背景图像背景平铺background-repeat:repeat(默认)|no-repeat|repeat-x|repeat-y|背景图片和背景颜色可以同时存在,背景图片会压住

2021-02-03 10:39:58 88

原创 文字垂直居中

文字垂直居中的原理

2021-02-03 10:39:37 188

原创 CSS的元素显示模式(元素)

块元素行内元素行内块元素

2021-01-30 21:06:57 90

原创 CSS的复合选择器

后代选择器(重点)三层结构:<style>/*第一种*/ul li a { 样式}/*第二种(类型名区分)*//*nav类的ul下的li下的a*/.nav ul li a{ 样式}</style>亲儿子选择器并集选择器<style>/*任何形式的选择器都可以作为并集选择器的一部分*/div,p,,pig li{ 样式}</style>伪类选择器链接伪类选择器实际开发中的写法focus伪类选择器

2021-01-29 11:13:30 70

原创 Emment语法(HTML结构快速生成)

快速生产HTML结构语法

2021-01-27 22:32:50 171

原创 CSS引入方式

内部样式表行内样式表外部样式表(重点)1.新建一个后缀名为css的样式文件,把所有css代码放入此文件中。2.再HTML页面中,使用标签引入这个文件<link rel="stylesheet" href="css文件路径">rel:“stylesheet”,表示被链接的文档是一个样式表文件href:URL,可以是相对路径,也可以是绝对路径...

2021-01-27 11:02:51 83

原创 CSS文本属性

文本颜色对齐文本装饰文本文本属性

2021-01-26 10:56:58 61

原创 CSS字体

字体系列CSS使用font-family属性定义文本的字体系列①各种字体之间必须使用英文状态下的逗号隔开②一般情况下,如果有空格隔开的多个单词的字体,加引号③常见字体:‘Microsoft YaHei’,tahoma,arial,‘Hiragino Sans GB’字体大小①不同浏览器可能默认显示的字号大小不一致,尽量给一个明确值大小,不要默认大小②可以用body指定整个页面文字的大小...

2021-01-25 21:46:08 87

原创 CSS选择器

CSS语法规范<head> <style> /*CSS内容如*/ p { color: red; } </style></head>属性和属性值以“键值对”的形式出现属性是对指定的对象设置的样式属性,如字体大小、文本颜色等属性和属性值之间用英文":"进行区分多个“键值对”之间用英文“;”进行区分CSS代码风格空格规范:①属性值前面,冒号后面,保留一个空格②选择器(标签)和大括号中间保留空格类选择器注意:

2021-01-24 10:36:52 65

原创 表单

表单域表单域是一个包含表单元素的区域。在HTML标签中,<form>标签用于定义表单域,实现用户信息的收集和传递。<form>会把它范围内的表单元素信息提交给服务器表单空间(表单元素)input输入表单元素select下拉表单元素textarea 文本域元素<input type="属性值" name="表单元素名字" value="不同属性值的效果不同"/>input的type属性值属性值radio:当拥有相同的名字name时,即实现多

2021-01-22 12:24:39 137

原创 表格标签

表格标签表头单元格:<th>表头内容</th>表格属性:表格属性在实际开发中不使用,主要在CSS中设置<table align="center" width="500" height="250" border="1"> 表格结构标签:<thead></thead>:用于定义表格的头部,头部是一行,所以内部必须拥有标签。一般是位于第一行。<tbody></tbody>:用于定义表格的主体,主要用于放数据本体。

2021-01-22 10:46:17 93

原创 文件的路径

目录的文件夹和根目录目录文件夹:普通文件夹,里面存放了做页面所需要的相关素材,比如html文件、图片等。根目录:打开目录文件夹的第一层即为根目录。相对路径相对路径:图片相对于HTML页面的位置相对路径分类符号说明同一级路径图像文件位于HTML文件同一级 如<img src="baidu.gif" />下一级路径/图像文件位于HTML文件的下一级 如<img src="images/baidu.gif" />上一级路径…/图像位于

2021-01-20 12:03:29 399

原创 HTML常用标签

HTML常用标签标题标签<h1>——<h6>语义:作为标题使用,重要性依次递1.独占一行 2.变粗、字号变大段落标签<p>*****</p>语义:可以把HTML文档分割成若干段落1.文本在一个段落中会根据浏览器窗口的大小自动换行。2.段落和段落之间保有空隙。换行标签<br/>文本格式化标签(强烈语义)加粗<strong></strong>倾斜<em></em>

2021-01-20 11:28:58 186 1

原创 HTML基础

特点:1.文字会变粗,字号依次变大2.一个标题独占一行

2021-01-19 22:07:04 107 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除