自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 CSS盒子模型

页面中的每一个标签,都可看做是一个“盒子”,通过盒子的视角更方便的进行布局浏览器在渲染(显示)网页时,会将网页中的元素看做是一个个的矩形区域,我们形象的称之为盒子盒子模型:CSS中规定每个盒子分别是:内容区域(content)、内边距间距(padding)、边框区域(border)、外边距区域(margin)构成,这就是盒子模型。......

2022-08-05 23:41:53 274 1

原创 元素显示模式、CSS三大特性

常见的块元素有: h1~h6、p、div、ul、li、dl、dd、form、header、nav、footer......显示特点:注意:常见行内元素:a、span、b、u、i、s、strong、ins、em、del......显示特点:注意:代表标签:input、textarea、button、select......显示特点:注意:img标签有行内块元素特点,但是Chrome调试工具中显示结果是inline改变元素默认的显示特点,让元素符合布局要求特性:子元素有默认继承父元素样式的特点(子承父业)可以继

2022-06-15 23:53:58 200

原创 CSS选择器、背景属性

根据HTML标签的嵌套关系,选择父元素 后代中 满足条件的元素选择器语法:选择器1 选择器2 {CSS}在选择器1所找到的标签的后代(儿子、孙子、重孙子......)中,找到满足选择器2的标签,设置样式。需要注意的是:选择器之间需要空格隔开1.2 子代选择器:>根据 HTML 标签的嵌套关系,选择父元素 子代中 满足条件的元素。选择器语法:选择器1 > 选择器2 { css } 在选择器1所找到标签的子代(儿子)中,找到满足选择器2的标签,设置样式。子代只包括儿子。1.3 并集选择器:,

2022-06-02 21:00:01 154

原创 CSS学习

2.文本样式2.1文本缩进属性名:text-indent取值:数字+px 数字+em(1em =当前标签的font-size的大小)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor

2022-06-02 00:34:22 62

原创 CSS学习

1、CSS介绍CSS:层叠样式表CSS主要用于布局网页、美化页面。CSS 规则由两个主要的部分构成:选择器以及一条或多条声明。选择器 是用于选出需要设置 CSS 样式的 HTML 标签,花括号内是对该对象设置的具体样式 属性 和 属性值 以 “键值对” 的形式出现 属性: 属性值; 属性是对指定的对象设置的样式属性,例如:字体大小、文本颜色等 属性和属性值之间用英文 : 分开 多个 “键值对” 之间用英文 ; 进行区分(末尾的键值对可以不加 ;)css写在style标签中,styl

2022-05-30 11:44:54 44

原创 HTML-day2

一.列表标签列表的应用场景:在网页中按照行展示关联性的内容,如新闻列表,排行榜,账单等。特点:按照行的方式,整齐显示内容。种类:无序列表、有序列表、自定义列表。1.无序列表在网页中表示一组无顺序之分的列表,如新闻列表。标签名 说明 ul 表示无序列表的整体,用于包裹li标签。 li 表示无序列表的每一项,用于包裹每一行的内容 显示特点:列表的每一项前默认显示圆点标识。注意:ul标签中只允许包含li标签,但li标签可以包含任意内容。2.有序列表

2022-05-21 13:01:17 113

原创 HTML

Web标准的构成:Web标准中分成三个构成:结构:HTML, 页面元素和内容 表现:CSS, 网页元素的外观和位置等页面样式(如颜色、大小等) 行为: JavaScript, 网页模型的定义与交互Web标准要求页面实现:结构、表现、行为三层分离HTML身体 CSS样式 Js交互的动态效果HTML页面结构:页面中的固定结构是要通过特点的HTML标签进行描述的。<html><head><title>网页的标题</title>...

2022-05-19 06:21:42 160

空空如也

空空如也

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

TA关注的人

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