![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 91
qq_45613711
这个作者很懒,什么都没留下…
展开
-
CSS盒子模型
页面中的每一个标签,都可看做是一个“盒子”,通过盒子的视角更方便的进行布局浏览器在渲染(显示)网页时,会将网页中的元素看做是一个个的矩形区域,我们形象的称之为盒子盒子模型:CSS中规定每个盒子分别是:内容区域(content)、内边距间距(padding)、边框区域(border)、外边距区域(margin)构成,这就是盒子模型。......原创 2022-08-05 23:41:53 · 277 阅读 · 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 · 204 阅读 · 0 评论 -
CSS选择器、背景属性
根据HTML标签的嵌套关系,选择父元素 后代中 满足条件的元素选择器语法:选择器1 选择器2 {CSS}在选择器1所找到的标签的后代(儿子、孙子、重孙子......)中,找到满足选择器2的标签,设置样式。需要注意的是:选择器之间需要空格隔开1.2 子代选择器:>根据 HTML 标签的嵌套关系,选择父元素 子代中 满足条件的元素。选择器语法:选择器1 > 选择器2 { css } 在选择器1所找到标签的子代(儿子)中,找到满足选择器2的标签,设置样式。子代只包括儿子。1.3 并集选择器:,原创 2022-06-02 21:00:01 · 157 阅读 · 0 评论 -
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 · 64 阅读 · 0 评论 -
HTML
Web标准的构成:Web标准中分成三个构成:结构:HTML, 页面元素和内容 表现:CSS, 网页元素的外观和位置等页面样式(如颜色、大小等) 行为: JavaScript, 网页模型的定义与交互Web标准要求页面实现:结构、表现、行为三层分离HTML身体 CSS样式 Js交互的动态效果HTML页面结构:页面中的固定结构是要通过特点的HTML标签进行描述的。<html><head><title>网页的标题</title>...原创 2022-05-19 06:21:42 · 160 阅读 · 0 评论 -
HTML-day2
一.列表标签列表的应用场景:在网页中按照行展示关联性的内容,如新闻列表,排行榜,账单等。特点:按照行的方式,整齐显示内容。种类:无序列表、有序列表、自定义列表。1.无序列表在网页中表示一组无顺序之分的列表,如新闻列表。标签名 说明 ul 表示无序列表的整体,用于包裹li标签。 li 表示无序列表的每一项,用于包裹每一行的内容 显示特点:列表的每一项前默认显示圆点标识。注意:ul标签中只允许包含li标签,但li标签可以包含任意内容。2.有序列表原创 2022-05-21 13:01:17 · 114 阅读 · 0 评论