HTML CSS
文章平均质量分 94
HTML CSS基础知识
Rubber树
仰望星空固然重要,更重要的是埋头赶路
展开
-
web响应式布局与BootStrap框架
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,可以根据不同的移动设备布局出不同的界面效果。而不同的移动设备的屏幕尺寸是不一样的,可以通过媒体查询来设计。原创 2022-10-09 17:42:01 · 1718 阅读 · 27 评论 -
【CSS3】Flex布局详解
Flex是Flexible Box 的缩写,也称为弹性盒子布局。Flex布局组成:- flex容器(`flex container`)- flex项(`flex items`)- 主轴(`main axis`)- 交叉轴(`cross axis`)- 自动弹性伸缩- 更轻松地设计灵活的响应式布局结构- 精确灵活控制块级盒子的布局方式- 在pc端和移动端都适用原创 2022-10-05 21:33:28 · 3761 阅读 · 40 评论 -
【CSS3】 平面转换 空间转换 动画
CSS3中动画效果包括3个部分:过渡(transition)、变形(transform)、动画(animation)。前面学习的CSS过渡(transition)呈现的是一个“过程”,而CSS变形(transform)呈现的仅仅是一个“结果”。使用transform属性来实现元素的变形效果,变形分为平面转换和空间转换。语法:原创 2022-10-02 23:16:53 · 891 阅读 · 26 评论 -
【CSS3】精灵图 背景图 阴影 过渡
为什么要使用精灵图当用户访问一个网站时,浏览器会向服务器发送一系列请求,比如说网页上的每张图像都需要经过一次请求才能最终展示给用户。然而,一个网页中往往包含大量的图像资源(例如在页面中展示的图片、网页的背景图像以及一些装饰性的图像等),这就会导致浏览器频繁的请求服务器,大大降低网页的加载速度。为了有效的减少请求服务器的次数,提高页面加载的速度,就出现了 CSS Sprites 技术,也被称为精灵技术。原创 2022-09-30 17:51:30 · 1111 阅读 · 26 评论 -
【CSS】布局方式(文本流,浮动,定位)
文档流文档流简单来说,就是指元素在页面中出现的先后顺序。分为“标准文档流”和“脱离文档流”。标准文档流是浏览器在渲染显示网页内容时默认采用的一套排版规则,规定了应该以何种方式排列元素常见标准流排版规则:块级元素:从上往下,垂直布局,独占一行行内元素 或 行内块元素:从左往右,水平布局,空间不够自动折行原创 2022-09-26 21:16:38 · 781 阅读 · 38 评论 -
【CSS】盒子模型
1.什么是盒子模型?概念1.页面的每一个标签,都可以看成一个“盒子”,通过盒子的视角更方便进行布局。2.在浏览器渲染(显示)网页时,会将网页中的元素看做是一个个的矩形区域,我们也形象的称之为“盒子”。记住,所有的元素都可以看成一个盒子。原创 2022-09-21 23:19:35 · 545 阅读 · 25 评论 -
CSS三大特性---继承性、层叠性、优先级
1.继承性特性:子元素有默认继承父元素样式的特点作用:恰当的使用继承可以简化代码,降低CSS样式的复杂性可以继承的常见属性:color、font-style、font-weight、font-size、font-family、text系列、line系列等。总的来说就是控制文字的都能继承,而其他不能继承。原创 2022-09-20 23:56:20 · 859 阅读 · 17 评论 -
CSS选择器进阶、背景样式、显示模式
选择器进阶后代选择器子代选择器并集选择器交集选择器伪类选择器案例演示背景样式背景颜色背景图片背景平铺背景位置案例演示显示模式块级元素行内元素行内块元素元素显示模式转换案例演示原创 2022-09-19 11:30:19 · 399 阅读 · 21 评论 -
CSS选择器、字体样式、文本样式
1.初识CSSCSS引入方式2.选择器标签(元素)选择器class选择器id选择器通配符选择器案例演示3.字体样式字体大小字体粗细字体样式字体类型字体系列层叠性font复合属性案例演示4.文本样式文本水平对齐方式文本缩进文本修饰行高案例演示5.扩展:标签居中案例演示原创 2022-09-17 21:40:45 · 623 阅读 · 18 评论 -
HTML列表标签、表格标签、表单标签
1.列表标签有序列表无序列表自定义列表2.表格标签基本结构完整结构3.表单标签form标签input系列标签下拉列表文本域label标签原创 2022-09-16 22:17:42 · 1548 阅读 · 21 评论 -
HTML常用标签
1.文本标签标题标签h1~h6逐渐变小段落标签段落标签会自动换行,并且段落与段落之间有一定的间距。换行标签自闭合标签,br是break(换行)的缩写。文本标签平时用更有语义性的标签(加粗的)原创 2022-09-14 21:28:06 · 2247 阅读 · 18 评论