自定义博客皮肤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 —— 拓展

颜色常见取值属性名:如:文字颜色 :color 如 :背景颜色 :background-color属性值 颜色表示方式 表示含义 属性值 关键词 预定义的颜色名 red、green、blue、yellow... rgb表示法 红绿蓝三原色。每项取值范围:0-255 rgb(0,0,0)、rgb(255,255,255

2022-04-28 21:00:00 179

原创 CSS —— 文本样式

文本缩进属性名:text-indent取值:数字+px 数字+em( 推荐 1em = 到前标签的font-size的大小 )文字水平对齐方式属性名:text-align取值: 属性值 效果 left 左对齐 center 居中对齐 right 右对齐 注意点:如果需要文本水平对齐,text-alig

2022-04-25 23:30:00 121

原创 CSS —— 文本样式

文本缩进属性名:text-indent取值:数字+px 数字+em( 推荐 1em = 到前标签的font-size的大小 )文字水平对齐方式属性名:text-align取值: 属性值 效果 left 左对齐 center 居中对齐 right 右对齐 注意点:如果需要文本水平对齐,text-align

2022-04-25 23:15:00 106

原创 CSS —— 字体和文本样式

字体样式字体大小属性名: font-size取值:数字+px注意点:谷歌浏览器默认文字大小是16px 单位需要设置,否则无效字体粗细属性名 :font-width取值:关键字 正常 margin 加粗 bold 纯数字:100 - 900的整百数 正常 400 加粗 700 注意点不是所有字体都

2022-04-24 22:45:00 616

原创 CSS —— 基础选择器

选择器的作用选择页面中对应的标签,方便后续设置样式。标签选择器结构: 标签名{css属性名:属性值}作用:通过标签名,找到页面中所有这类标签,设置样式注意点:标签选择器选择的是一类标签,而不是单独的某一个 标签选择器无论嵌套关系多深,都能找到对应的标签类 选择器结构: .类名{css属性名:属性值;}作用:通过类名,找到页面中所有代这个类名的标签,设置样式注意点:所有标签上都有class属性,class属性的属性值称为 类名(类似于名字) 类名可以由数字

2022-04-23 23:00:00 112

原创 CSS —— 基础认知

基础认知CSS:层叠样式表(Cascading style sheets)CSS的作用是什么?给页面中的html标签设置样式 (美化html标签)CSS的语法规则写在那里?css写在style标签中,style标签一般写在head标签里面,title标签下面怎么写?CSS的引入方式:内嵌式:写在style标签中style 标签虽然可以写在页面任意位置,但是通常约定写在head标签中外联式:CSS写一个单独的 .css 文件中需要通过 lin

2022-04-22 22:45:00 74

原创 HTML —— 语义化标签

语义化标签没有语义的布局标签 div和spandiv标签:一行只显示一个(独占一行)span标签:一行可以显示多个div标签与span标签无任何效果,后期可通过CSS添加效果。 使用频率很高有语义的布局标签在HTML5中,提出的一些有语义的布局标签。做手机端(移动端)网页时使用 标签名 语义 header 网页头部 nav 网页导航 foot

2022-04-21 22:45:00 610

原创 HTML ——— 表单标签

表单标签input系列标签 标签名 type属性值 说明 input text 文本框,用于输入单行文本 input password 密码框,用于输入密码 input radio 单选框,用于多选一 input ...

2022-04-21 00:06:43 880

原创 HTML 列表标签

列表标签无序标签 标签名 说明 ul 表示无序列表的整体,用于包裹li标签 li 表示无序列表的每一项,用于包含每一行的内容 列表的每一项前默认显示圆点标识ul标签中只允许包含li标签li标签可以包含任意内容有序标签 标签名 说明 ol 表示有序列表的整体,用于包裹li标签

2022-04-19 22:33:31 95

原创 HTML —— 媒体标签

图片标签<img arc="图片的地址" alt="替代文字 title="鼠标悬停 显示的文字" width="数值" height="数值">图片标签是 单标签img标签需要展示对应的效果 需要借助标签的属性进行设置当图片加载失败时 才会显示alt文本如果只设置width或height中的一个 另一个没设置会自动等比例缩放(图片不会变形)如果同时设置了width和hight 可能会使图片变形(设置不当)路径 :绝对路径 相对路径绝对路径:指目录下的

2022-04-17 22:00:00 317

原创 HTML —— 标签

html是由各种标签组成标签的结构图开始标签 包裹的内容 结束标签<strong> 字体加粗 <strong>1、标签由< 、> 、/ 、 英文单词或字母组成。并且大标签中<>包括起来的英文单词或字母成为 标签名2.常见的标签有两部分组成,我们称之为双标签。前部分叫开始标签,后部分叫结束标签,两部分之间包裹内容3.少数标签由一部分组成,我们称之为单标签 自成一体 无法包裹内容eg:换行 <br...

2022-04-16 22:15:00 392

原创 初始HTML

HTML(Hyper Text Markup Language)超文本标记语言专门用于网页开发的语言,主要通过HTML标签对网页的文本、图片等内容进行描述。网页类似于文章,存在固定的结构。网页的固定结构<html></html>表示网页的整体<head></head>表示网页的头部<body></body> 表示网页的主体<title></title> 表示网页的标题(网页的名字)实际

2022-04-15 22:15:00 184

原创 网页的本质

了解到网页是由 文字、图片、音频、视频、超链接等组成的。而我们看到的网页背后是有前端程序员写的代码通过浏览器转化、解析、渲染后的。常见的五大浏览器有:IE、火狐、谷歌、欧朋、Safari浏览器中的内核(渲染引擎)专门对代码进行解析渲染,而且不同的浏览器,渲染引擎不同,对相同代码解析的速度、性能、效果不同。为了保证不同浏览器打开网页后的展示效果一样,那么就要按照Web标准来书写代码。Web标准要求页面实现要 结构、表现、行为三层分离Web标准分成了三部分:构成 语言 说明 结构

2022-04-14 22:00:00 1945

空空如也

空空如也

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

TA关注的人

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