zl程序教程

css基础一

  • css基础教程学习

    css基础教程学习

    1.CSS 概述   CSS 指层叠样式表 (Cascading Style Sheets)   样式定义如何显示 HTML 元素   样式通常存储在样式表中   把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题   外部样式表可以极大提高工作效率   外部样式表通常存储在 CSS 文件中   多个样式定义可层叠为一     样式可以规定在单个的 HTML 元素中

    日期 2023-06-12 10:48:40     
  • css基础动画

    css基础动画

    简介: css基础动画1.CSS3变形CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果复制每个效果都可以称为变形(transform),它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化2.变形函数translate():平移函数,基于X、Y坐标重新定位元素的位置 scale():缩放函数,可以使任意元素对象尺寸发生变化 rotate():旋转函数,取值是一个度数值 skew():

    日期 2023-06-12 10:48:40     
  • CSS基础学习(3)

    CSS基础学习(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基础以及常用使用方法

    【原创】CSS基础以及常用使用方法

    1.css:层叠表单样式,美化html网页复制2.后缀名:.css 3.使用css的原因:美化网页,使网页更加美观。 为使网页可优化性,使内容和样式分离,引入css复制4.css编写方式:①新建style标签 ②使用选择器选择标签,然后加上方括号,方括号中的内容,为css样式, ③每条css语句后需添加;号 如: div{ background-color: darkgr

    日期 2023-06-12 10:48:40     
  • CSS基础(一)

    CSS基础(一)

    CSS简介以及基本语法CSS引入方式: 1. 行内式: <div style = "..."></div>(使用最少,因为会产生冗余,而且不符合W3C规定) 2. 内嵌式: <style> ... (写的是样式)... </style>(不会有冗余) 3. 外链式:<link href = "style.cs

    日期 2023-06-12 10:48:40     
  • CSS基础,选择器

    CSS基础,选择器

    一、css:      是层叠样式,用于美化修饰页面的二、html与css的区别    html作用:                   决定了网页的内容和结构 &n

    日期 2023-06-12 10:48:40     
  • CSS  基础点集锦一:盒子模型、浮动、清除浮动

    CSS 基础点集锦一:盒子模型、浮动、清除浮动

    元素内容(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 基础点集锦一:盒子模型、浮动、清除浮动

    元素内容(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 复合选择器 ① ( 基础选择器与复合选择器 | 后代选择器 )

    【CSS】CSS 复合选择器 ① ( 基础选择器与复合选择器 | 后代选择器 )

    文章目录 一、基础选择器与复合选择器二、后代选择器1、语法说明2、示例分析3、完整代码示例 一、基础选择器与复合选择器 CSS 基础选择器 : 在之前的博客中 , 介绍

    日期 2023-06-12 10:48:40     
  • 【css基础】垂直外边距的合并

    【css基础】垂直外边距的合并

    近期在重温《CSS权威指南》,还是想把基础再打坚固点,如今对垂直外边距的合并问题进行简单总结。 1. 两个块级元素的外边距都大于0时,取那个最大值作为两个块级元素的垂直边距 请看以下一个小样例,效果图例如以下:红色的块margin-bottom为30px; 黄色的块的margin-top: 20px;最后的垂直的边距是为30px; 2. 当两个块级元素的外边距都小于0时,取绝值最大的那

    日期 2023-06-12 10:48:40     
  • CSS(二)元素基础样式、字体属性、文本属性

    CSS(二)元素基础样式、字体属性、文本属性

    目录 一、元素基础样式 1. 尺寸和单位 2. 颜色 3. 边框 4. 元素的分类 5. 显示和隐藏属性 二、字体属性 三、文本属性 一、元素基础样式 1. 尺寸和单位         宽度width和高度height使用长度单位:px、pt、rem、em、%等;         max-width

    日期 2023-06-12 10:48:40     
  • css基础知识点整理

    css基础知识点整理

    css基础知识点整理 代码规范放置规范格式规范代码规范示例演示 基本选择器元素选择器类选择器ID选择器 基本选择器的组合方式层级关系 边框属性borderwidthheight代码演示

    日期 2023-06-12 10:48:40     
  • CSS图形基础:利用线性渐变绘制图形

    CSS图形基础:利用线性渐变绘制图形

    1.线性渐变       linear-gradient() 函数用于创建一个线性渐变的“图像”。其一般调用格式为:           background-image: linear-gradient(direction, color-stop1, color-stop2, ...);    

    日期 2023-06-12 10:48:40     
  • CSS基础

    CSS基础

    目录 CSS CSS选择器 CSS应用方式  外部样式表 内部样式表一: 内部样式表二: 盒模型 块级元素 内联元素 内联块元素 定位 static fixed relative absolute sticky CSS CSS(Cascading Style S

    日期 2023-06-12 10:48:40     
  • CSS基础

    CSS基础

    目录 CSS CSS选择器 CSS应用方式  外部样式表 内部样式表一: 内部样式表二: 盒模型 块级元素 内联元素 内联块元素 定位 static fixed relative absolute sticky CSS CSS(Cascading Style S

    日期 2023-06-12 10:48:40     
  • CSS基础知识复习

    CSS基础知识复习

    块级元素(block element)和行内元素(inline element) display 属性规定是否/如何显示元素,大多数元素的默认 displ

    日期 2023-06-12 10:48:40     
  • css基础系列

    css基础系列

    盒子模型 盒子模型的概念 高和宽的设置 边框的设置 内边距的设置 外边距的设置 盒子的计算 元素显示的方式 盒子模型: 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进阶教程》——第一部分 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:40     
  • css基础教程【学习笔记】

    css基础教程【学习笔记】

    【前端总路线学习笔记】 文章目录 css基础一. css初识二. css语法规范三. 字体属性四. CSS注释五.开发工具六. 选择器七.文本属性八.css样式表:1.内部样式表(嵌

    日期 2023-06-12 10:48:40