温D-CSDN博客

原创浮动属性（float）

当子级元素比较父级元素宽定多的时候，最后一个子级元素会往下移动直到找到足够的空间。3、浮动层会存在与当前文档流的上方，从上帝视角看不见，浮动只能盖住盒子不能盖住文字。清除浮动的几种方法（当我们给盒子内的元素设置浮动属性时父级盒子就会发生内边距塌陷）-碰到前一个含有浮动属性的元素也会浮动。右浮动floatright;左浮动floatleft;2、特点-浮动只能控制元素在水平方向上的移动。4、浮动停止漂浮的条件。...

2022-07-21 21:03:19 736 1

原创背景属性的使用（background）

一.背景颜色属性 1.属性:background-color/background 2.属性值:英文单词、十六进制、rgb/rgba 二:背景图片属性 1.属性:background-image 2.属性值:url(路径) 3.特点 - 当容器比背景图片大的时候,图片会平铺铺满整个盒子 - img图片是结构,占位置,背景图片是css样式需要容器支持不占位置的 - 如果背景图片大于容器的宽高,也只会显示和容器一样的大小区域

2022-07-08 20:58:38 467

原创使用CSS属性设置文本样式

1.属性:font-size 2.属性值:数值加单位(网页中常用的单位像素px) - 在浏览器中默认的字体大小是16px - 由于浏览器存在差异,官方规定最小的字体只能是12px - 除了px单位还有很多其他可用单位 - pt、em、rem、%、deg、vw、vh、vamx、vmin、rpx - em:相对单位,相对有父级元素计算常用于首行缩进 1.属性:font-family 2.属性值（字体名称）

2022-07-08 20:15:41 553

原创边框属性的使用（使用边框属性绘制三角形）

1.组成边框的样式 - 边框宽度 border-width - 边框样式 border-style - 边框颜色 border-color 2.边框属性的属性值 - 边框宽度:数值加单位(px) - 边框样式:solid(实线) dashed(虚线) dotted(点线) double(双实线) - 边框颜色 - 英文单词:yellow、green、red... - 十六进制

2022-07-08 19:55:06 494

原创 DIV盒子浮动、内外边距

浮动属性的使用 1.作用:可以元素在网页中的位置(如果盒子默认是上下排列的可以改为水平的) 2.属性:float 使xx漂浮/浮动 3.属性值:left、right、none(默认值,不浮动) 4.浮动的特点 - 浮动只能控制元素在水平方向上移动 - 浮动会使元素脱离文档流,初始位置不存在,破坏正常的网页布局 - 浮动停止漂浮的条件 - 碰到父级的包含框就会停止浮动 - 碰到前面一个含有浮动属性的元

2022-07-07 20:16:21 1405

原创 CSS的作用和创建引入方式、CSS优先级、选择器

- 选择器:修饰的对象 - {声明}包含属性和属性值 - 属性和属性值之间需要使用冒号相连 - 当有多个声明的时候,每个声明之间需要使用分号隔开语法组成:选择器{属性:属性值} 一:行内式样式表创建 1.需要在标签内部创建样式表 2.书写style属性,在属性值里面书写声明即可二:内部样式表的创建 1.需要在头部文件中创建style标签 2.在标签内书写规范的css语法即可三:外部样式表的创建 1.在外面创

2022-07-07 19:41:24 127

原创 div、span、a标签的使用及常见的标签的嵌套

div:没有具体的含义用来作为网页的盒子实现布局（块级元素） span:没有具体的含义包裹文本内容（行内元素） 1.标签名称: a () 2.默认样式 - 字体有颜色(颜色会进行改变) - 默认有下划线 - 鼠标指针悬停显示手型(引导用户点击) 3.属性 - href 表示连接地址 - title 提示文本 - target 控制跳转页面的打开方式 ......

2022-07-07 19:21:53 2485

原创绝对路径与相对路径的使用与区别图片标签的使用

1、绝对路径的使用：表示含有盘符的路径地址 - 不建议在服务器(工作)中使用（C:\windows\system32\）2.相对路径的使用 - 同级找同级元素:目标文件的名称 - 父级找子级元素:目标文件的文件夹名称/目标文件的名称 - 子级找父级元素:../目标文件的名称3.常见的命令 - ./ 表示当前目录 - ../ 表示跳出当前文件夹返回上一级img标签的使用：...

2022-07-07 19:10:48 296

原创无序列表、有序列表、自定义列表

1.标签名称 - ul 父级标签表示列表盒子 - li 子级标签表示列表内容 2.列表可以有一个,子级内容可以有多个,需要进行嵌套显示 3.默认样式 - 无序列表有黑色的实心圆 - 独占一行,上下显示 - 父级元素上下和左侧都是有间距的 4.无序列表中的属性设置 - 属性:type 表示类型 - 属性值:circle空心圆/disc实心圆/square方形 5.作用:常用于新闻列表或

2022-07-07 18:50:48 5703

原创 HTML的基础语法及标签的使用

1.双标记/常规标记 2.单标记/空标记注意 - 在尖角符号后面的第一个英文单词就是当前标记的名称 - 标记也可以称为标签或者元素,常见的叫法是单标签和双标签 - 双标签的反斜杠必须要写,单标签中的反斜杠是可以省略的 - 在标签名称后面有一个空格,空格后面的都是当前标签的属性(描述标签的特点) - 属性和属性值之间需...

2022-07-07 18:29:24 562

wenzhenqing的博客