css基础一
css基础教程学习
1.CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 样式可以规定在单个的 HTML 元素中
日期 2023-06-12 10:48:40css基础动画
简介: css基础动画1.CSS3变形CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果复制每个效果都可以称为变形(transform),它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化2.变形函数translate():平移函数,基于X、Y坐标重新定位元素的位置 scale():缩放函数,可以使任意元素对象尺寸发生变化 rotate():旋转函数,取值是一个度数值 skew():
日期 2023-06-12 10:48:40CSS基础学习(3)
CSS-定位(一)1-1 Position-statiicCSS关键属性—position 修饰全局DOM元素布局static遵循默认的文档流布局,top,left,right,bottom,属性都无效Position除了static属性外,,还有relative (相对定位)absoulute (绝对定位)fixed (固定定位)sticky (粘性定位)1-2 Position-rela
日期 2023-06-12 10:48:40【原创】CSS基础以及常用使用方法
1.css:层叠表单样式,美化html网页复制2.后缀名:.css 3.使用css的原因:美化网页,使网页更加美观。 为使网页可优化性,使内容和样式分离,引入css复制4.css编写方式:①新建style标签 ②使用选择器选择标签,然后加上方括号,方括号中的内容,为css样式, ③每条css语句后需添加;号 如: div{ background-color: darkgr
日期 2023-06-12 10:48:40CSS基础(一)
CSS简介以及基本语法CSS引入方式: 1. 行内式: <div style = "..."></div>(使用最少,因为会产生冗余,而且不符合W3C规定) 2. 内嵌式: <style> ... (写的是样式)... </style>(不会有冗余) 3. 外链式:<link href = "style.cs
日期 2023-06-12 10:48:40CSS基础,选择器
一、css: 是层叠样式,用于美化修饰页面的二、html与css的区别 html作用: 决定了网页的内容和结构 &n
日期 2023-06-12 10:48:40CSS 基础点集锦一:盒子模型、浮动、清除浮动
元素内容(content) 内边矩(padding-top、padding-right、padding- bottom、padding-left) 边框(border-top、border-right、border-bottom、border- left) 外边距(marging-top、margin 示意图(图片来自w3school): 说明:上图中,由内而外依次是 元
日期 2023-06-12 10:48:40CSS 基础点集锦一:盒子模型、浮动、清除浮动
元素内容(content) 内边矩(padding-top、padding-right、padding- bottom、padding-left) 边框(border-top、border-right、border-bottom、border- left) 外边距(marging-top、margin 示意图(图片来自w3school): 说明:上图中,由内而外依次是 元
日期 2023-06-12 10:48:40【CSS】CSS 复合选择器 ① ( 基础选择器与复合选择器 | 后代选择器 )
文章目录 一、基础选择器与复合选择器二、后代选择器1、语法说明2、示例分析3、完整代码示例 一、基础选择器与复合选择器 CSS 基础选择器 : 在之前的博客中 , 介绍
日期 2023-06-12 10:48:40【css基础】垂直外边距的合并
近期在重温《CSS权威指南》,还是想把基础再打坚固点,如今对垂直外边距的合并问题进行简单总结。 1. 两个块级元素的外边距都大于0时,取那个最大值作为两个块级元素的垂直边距 请看以下一个小样例,效果图例如以下:红色的块margin-bottom为30px; 黄色的块的margin-top: 20px;最后的垂直的边距是为30px; 2. 当两个块级元素的外边距都小于0时,取绝值最大的那
日期 2023-06-12 10:48:40CSS(二)元素基础样式、字体属性、文本属性
目录 一、元素基础样式 1. 尺寸和单位 2. 颜色 3. 边框 4. 元素的分类 5. 显示和隐藏属性 二、字体属性 三、文本属性 一、元素基础样式 1. 尺寸和单位 宽度width和高度height使用长度单位:px、pt、rem、em、%等; max-width
日期 2023-06-12 10:48:40css基础知识点整理
css基础知识点整理 代码规范放置规范格式规范代码规范示例演示 基本选择器元素选择器类选择器ID选择器 基本选择器的组合方式层级关系 边框属性borderwidthheight代码演示
日期 2023-06-12 10:48:40CSS图形基础:利用线性渐变绘制图形
1.线性渐变 linear-gradient() 函数用于创建一个线性渐变的“图像”。其一般调用格式为: background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
日期 2023-06-12 10:48:40CSS基础
目录 CSS CSS选择器 CSS应用方式 外部样式表 内部样式表一: 内部样式表二: 盒模型 块级元素 内联元素 内联块元素 定位 static fixed relative absolute sticky CSS CSS(Cascading Style S
日期 2023-06-12 10:48:40CSS基础
目录 CSS CSS选择器 CSS应用方式 外部样式表 内部样式表一: 内部样式表二: 盒模型 块级元素 内联元素 内联块元素 定位 static fixed relative absolute sticky CSS CSS(Cascading Style S
日期 2023-06-12 10:48:40CSS基础知识复习
块级元素(block element)和行内元素(inline element) display 属性规定是否/如何显示元素,大多数元素的默认 displ
日期 2023-06-12 10:48:40css基础系列
盒子模型 盒子模型的概念 高和宽的设置 边框的设置 内边距的设置 外边距的设置 盒子的计算 元素显示的方式 盒子模型: border边框,margin外边距,padding内部距,content内容,width宽度。 高度: height: 长度值|百分比|auto 最大高度: max-height: 长度值|百分比|auto 最小高度: min-height:长度值|百分比|aut
日期 2023-06-12 10:48:40《Web前端开发精品课 HTML与CSS进阶教程》——第一部分 HTML进阶第01章 HTML基础知识1.1 HTML和CSS进阶简介
本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第1章,第1.1节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 第一部分 HTML进阶 第01章 HTML基础知识 1.1 HTML和CSS进阶简介 1.1.1 你真的精通HTML和CSS吗我们都知道,前端技术最核心的三大技术是HTML、CSS和JavaScript。HTML定义网页的结
日期 2023-06-12 10:48:40css基础教程【学习笔记】
【前端总路线学习笔记】 文章目录 css基础一. css初识二. css语法规范三. 字体属性四. CSS注释五.开发工具六. 选择器七.文本属性八.css样式表:1.内部样式表(嵌
日期 2023-06-12 10:48:40