web前端开发基础
文章平均质量分 74
象象zy
这个作者很懒,什么都没留下…
展开
-
web前端开发基础(六)(浮动属性)
此时可以理解为有两层页面,一层是底层的原页面,一层是脱 离文档流的上层页面,所以会出现折叠现象。如果有父级塌陷,并且同级元素也收到了影响,可以使用 overflow。清除浮动只是改变元素的排列方式,该元素还是漂浮着,不占据文档位置。如果父元素高度塌陷,可以给父元素设置高度,撑开元素本身大小。当所有元素同时浮动,会变成水平摆放,向左或者向右。属性定义元素在哪个方向浮动,任何元素都可以浮动。浮动后,该元素就会脱离文档流并向左。浮动只有左右浮动,没有上下浮动。浮动元素会造成父元素高度塌陷。在设置了浮动的div。原创 2024-06-02 10:00:00 · 609 阅读 · 0 评论 -
web前端开发基础(七)(圆角+阴影)
第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。第一个值为左上角与右下角,第二个值为右上角与左下角。第二个值为右上角和左下角,第三个值为右下角。属性,你可以给任何元素制作。向框添加一个或多个阴影。一个值: 四个圆角值相同。原创 2024-06-04 10:00:00 · 313 阅读 · 0 评论 -
web前端开发基础(五)(盒子模型)
清除边框外的区域,外边距是透明的(两个值:第一个值上下,第二个值左右)清除内容周围的区域(两个值:第一个值上下,第二个值左右)CSS盒模型本质上是一个盒子,封装周围的。这一术语是 用来设计和布局时使用。围绕在内边距和内容外的边框。实际内容(content)盒子的内容,显示文本和图像。内边距(padding)自动调整到适合的居中位置。外边距(margin)Padding(内边距。Content(内容)边框(border)Margin(外边距。原创 2024-05-30 19:45:15 · 406 阅读 · 0 评论 -
web前端开发基础(四)(CSS下篇)
属性放置在元素的左上角,如果图像不够大的话会在垂直和水平方向平铺图像,如果图像大小超过元素大小从图像的左上角显示元素大小的那部分。元素的背景是元素的总大小,包括填充和边界(不包括外边距)。如果在表的内容中控制内容与边框之间的距离,应使用td。CSS字体属性定义字体,颜色、大小,加粗,文字样式。指定文本的水平对齐方式—text-align。指定一个元素的字体—font-family。设置文本的粗细—font-weight。三个值:边框线宽度、线的样式、线的颜色。设置文本的大小—font-size。原创 2024-05-24 17:45:25 · 729 阅读 · 1 评论 -
web前端开发基础(三)(CSS上篇)
CSS(Cascading Style Sheets)层叠样式表,又叫级联样式表,简称样式表CSS文件后缀名为 .cssCSS用于HTML文档中元素样式的定义CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明(样式)要使用CSS对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器选择器通常是您需要改变样式的 HTML 元素。1.全局选择器可以与任何元素匹配,优先级最低,一般做样式初始化2.元素选择器HTML文档中的元素, p、b、div、a、img、body 等。标签原创 2024-05-20 10:00:00 · 347 阅读 · 0 评论 -
web前端开发基础(一)
charset="utf-8" 是说当前使用的是 utf-8 编码格式,在开发中我们经常会看到 utf-8 ,或是 gbk ,这些都是编码格式,通常使用 utf-8。DOCTYPE html > 是H5的声明位于文档的最前面,处于标签之前。 标签是 标签中唯一必须要求包含的东西,就是说写head一定要写title。文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web。显示的文本,当调整浏览器大小时,其显示的文本不会随之调整。中的位置以及和其他文档的关系等。原创 2024-05-14 22:48:28 · 929 阅读 · 2 评论