自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 css盒模型

<div></div>:本身没有太多的默认属性,可塑性极强;默认宽度为100%(相对于父标签)。

2022-03-09 15:09:28 157

原创 css继承

1、概念:部分的css属性可以有父标签传递给子标签 2、自动继承的css属性 以font开头的css属性系列 text-align line-height color cursor:设置鼠标样式,小手:pointer list-style opacity:设置标签的透明度,范围0—1,0表示完全透明,1表示完全不透明 其他有inherit取值的css属性(手动继承) 3、继承的作用:减少css代码:对于一些通用的样式,可以统一设置,有特殊的样式再单独设置 ...

2022-03-09 11:07:24 206

原创 CSS特性

css权重 1、概念:不同选择器当匹配到同一个标签并且对同一个css属性设置是,因为涉及到css属性的最终归属问题,css就提供了一套权重机制,根据权重的大小来决定css最终的归属。 2、权重的计算方式 加法:给每一种基础的css选择器(id,clsss,标签,伪类)设置不同的数字,权重的数值就等于使用的选择器权值之和 权值分配:id:100;clsaa:10;标签、伪类:1 html: <ul id="list" class="list"></ul> css body .

2022-03-09 10:54:28 135

原创 CSS选择器

伪类选择器 改变鼠标的行为来改变标签的样式 分类 a:visited:超链接专属,超链接访问之后的样式 :hover:鼠标悬停到标签上时标签使用的样式 :active:鼠标点击标签不释放时使用的样式 :focus:当标签获取鼠标焦点时使用的样式 基本使用语法 a:link{ css属性名:属性值 } a:visited{ 属性名:属性值 } 非伪类选择器:hover{ css属性名:属性值 } 非伪类选择器:active{ 属性名:属性值 } 非伪

2022-03-09 09:45:37 144

原创 CSS(美化页面)

概念 层叠样式表(cascading style sheet):层叠:css的一个特性;样式:外观部分;表:css到代码书写的表现形式类似于一张表。 作用:书写css代码用于美化页面 使用 嵌入方式:利用每个标签自带的style属性来设置样式 <img src="" style="css代码"/> 内联:在<head></head>中添加<style></style>来写css代码 <style> css代码

2022-03-03 13:04:24 1247

原创 HTML表单

表单 form 1、<form></form>表示一个表单,form标签里可以嵌入表单元素,形成一个页面上的表单/2、标签属性 method:指定提交的方式,默认是get,还可以取post action:手动指定表单数据提交的路径,一般指定的是服务器的ip地址,也可以指定为另一个 页面用于查看效果 表单元素 1、input:实现各种框,type属性确定类型,单标签,多个input可以同行显示 输入框:type="text",默认值 密码框...

2022-03-01 12:15:11 128

原创 HTML列表

分类 无序列表 ul:定义一个无序列表;li:一个li是列表的一个列表项。 <ul> <li>第一个列表项</li> <li>第二个列表项</li> <li>第三个列表项</li> </ul> 有序列表 ol:定义一个有序列表,列表项以数字进行编号;li:列表的列表项,一个列表可以有多个列表项 <ol> <li>第一个列表项</li&g

2022-03-01 10:59:30 111

原创 HTML路径(使用本地图片以及超链接到本地HTML文件)

概念 路径指的是某个文件在电脑中或网络中的访问地址 分类 绝对路径:无论在哪个地方使用,永远都指向同一个文件。(以http开头或C://等盘符开头的 路径) <a href="http://www.baidu.com">百度一下</a> <img src="file://C:/tupianming.png"> 相对路径:从参考位置出发,另一个文件所在的位置就是相对路径;参考位置不同,即使是 ...

2022-02-28 12:22:15 5137

原创 【HTML表格】

1、基础标签 1、<table></table> 表示一个表格,表格里的行列用tr和td表示,tr,td需要写在table中 属性:border-表格的边框 ,默认为0; width -表格宽 ; heigth表格高 ; align-设置整个 表格相对于页面的对齐方式 2、<tr></tr> 表示一行,自身不包括单元格,单元格需要用td表示 属性 :align-设置一行内容的对齐方式,可以取值left、r...

2022-02-24 11:52:31 386

原创 HTML基本标签

a标签:负责超链接 属性 href则指定当用户点击文本时要跳转哪个页面 <a href="跳转的页面地址">文本内容</a> img标签:负责图片 属性 src 负责要展示图片的地址 <img src="图片地址"/> 标题标签:<h1>到<h6> 数字越大字体越小 <h1>文本内容</h1> <h2>文本内容</h2> <h3>文本内容<...

2022-02-24 10:38:38 100

原创 HTML简介

HTML简介 发展 1990年第一个页面出现,HTML第一个版本。 94,95:随着css,js出现,页面更加复杂。可以有图片、视频之类的 99年HTML第四版,流行了近20年 2014年HTML5出现 概念 用于制作网页的计算机语言 网页:用于显示网络资源的载体。网络资源可以是图片、视频、文字、音频等 HTML:全称Hyper-Text MarkupLanguage,超文本标记语言。 超文本:指的是网页上展示的内容,不仅仅是文本,超文本包含了图片、视频、文字、音频、超链接等 标记:用.

2022-01-13 22:29:37 118

原创 Photoshop

Photoshop简介 Photoshop是Adobe公司用于图片制作的软件 位图:多个像素点构成的图片格式,一个像素点,一个小方格,表达一个颜色

2022-01-13 22:14:20 2041

原创 前端入门学

项目流程 1.确定需求并进行分析 根据原始的需求设计出原型图,不断修改满足客户需求,最终根据需求生成高保真还原图 2.根据原型图设计出psd格式的原型稿 3.把页面的psd进行切片转换为前端工程师所需要的的图片 4.前端工程师实现页面,完成页面功能 5.后端开发完成服务器端开发及数据开发 6.测试 7.运维 ...

2022-01-08 17:29:38 320

空空如也

空空如也

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

TA关注的人

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