Web前端笔记
关注
分享
扫一扫
文章平均质量分 69
web前端笔记
飞翔的企鹅i
最难不过坚持，加油！！
展开
-
第四章 Html浮动、图文与定位
一、浮动 float定义：元素脱离文档流，按照指定方向发生移动，遇到父级边界换行。取值：none、left、right、inhert继承父级。作用：解决水平布局的问题。特性：1、解决标签同行显示 2、行标签支持所有css样式 3、默认内容撑开高度 4、元素脱离文档流。.first { /* overflow: hidden; */ background-color: skyblue; } .son { /* float:原创 2022-04-20 09:23:03 · 1913 阅读 · 0 评论 -
第四章 Html盒子模型
一、padding内边距内边距padding，按照顺时针方向设置不同的padding值，设置padding值会增加盒模型的面积。width: 100px;height: 100px;padding: 20px;padding: 30px;/*上右下左内边距均为30px*/二、border边框设置border会改变盒模型大小，border有三个属性：大小 边框样式 颜色，border边框不具备一次设置多个大小，若需设置不同方向的边框必须单独给出他们的大小，边框样式有四个.原创 2022-04-19 18:12:37 · 1277 阅读 · 0 评论 -
第三章 CSS入门
目录一、css的引入方式1、外部样式表2、内部样式表3、内联样式表4、引入其他的样式表5、各样式表的优先级二、css背景色三、css背景图1、background-size2、background-position3、background-repeat四、文本标签1、font-size 字体大小2、text-family 文字字体3、text-align 文字居中4、line-height 行高5、text-indent 首行缩进6、l原创 2022-04-15 15:19:23 · 258 阅读 · 0 评论 -
标签选择器
目录1、通配选择器2、类选择器3、id选择器4、后代选择器5、群组选择器6、子代选择器7、优先级1、通配选择器/* 通配选择器 */ * { margin: 0; padding: 0; list-style: none; }选择所有的标签，一般设置网页格式化，margin、padding为0，清除盒模型及标签的默认间距。2、类选择器/* 类选择器 */ .r1 { color: viole原创 2022-04-15 09:15:15 · 2117 阅读 · 0 评论 -
第二章、行标签、块标签与行内块标签
一、行标签inline行标签 = 内联标签特点：不独占一行，每个行标签元素并排排列，直到遇到父级边界换行不支持宽高，内容文本撑开宽高，不支持上下外边距，但支持左右外边距,会不正常显示上下内边距，不建议设置内边距行标签常用于配合p标签实现富文本，富文本是指在一行文字中，文字形式不统一1、a标签a标签表示超链接，在网页中链接其他的地址，他有两个属性，href、targetherf超链接的跳转地址，target有四个值：默认为_self,指在当前页面打开链接内容，_blank指在新的窗口原创 2022-04-04 10:29:23 · 4368 阅读 · 0 评论 -
第一章、初始html框架结构
一、html标签整个网页项目都是写在html主标签中，它属于一个跟标签<!DOCTYPE html>它表示的是使用html5的标准对文档进行编译二、head标签head标签引入与网页相关的描述及配置信息，其中的meta标签负责信息引入与说明，有name和http-equiv两个属性。1、meta标签 <meta charset="UTF-8">用于对网页进行utf-8翻译 <meta name="keywords" content=原创 2022-04-04 09:13:39 · 540 阅读 · 0 评论