前端基础之HTML+CSS(六)

前端基础之HTML+CSS(六)

  • 2023-07-26 13:50:38
  • dfer
  • 416
前言 本篇主要介绍了CSS的多种布局方式:弹性盒布局、多列布局、响应式布局、网格布局。 布局方式 盒子模型 标准盒子模型 标准 W3C 盒子模型包含了 元素内容(content)、内边距(padding)、边框(border)、外边距(margin) 几个要素,并且 content 部分不...
css终极方案PostCSS

css终极方案PostCSS

  • 2023-07-26 13:50:38
  • dfer
  • 424
一见如故 原理 所有的css框架都在一样的事,那就是由一个css生成一个新的css,那么postcss就来做了一个抽离: 1、将原有的css解析成抽象语法树 2、中间经过若干个插件 3、重新文本化,形成新的css postcss.config.js module.exports = { ...
基于HTML+CSS+JavaScript网站的设计与开发(仿小米MUI网站)【100011414】

基于HTML+CSS+JavaScript网站的设计与开发(仿小米MUI网站)【100011414】

  • 2023-07-26 13:50:07
  • dfer
  • 486
Web课设报告 1 课设题目 基于HTML+CSS+JavaScript网站的设计与开发 2 课设目的 通过本课程设计,学生需要掌握web前端开发技术的基本技能和专业能力,培养学生如下技能: 知识目标:复习、巩固Web前端的基础知识,进一步加深对Web前端技术的理解和掌握; 能力目标:理...
HTML+CSS收官

HTML+CSS收官

  • 2023-07-24 12:31:41
  • dfer
  • 397
补充重要知识点 防脱发神器 意思就是加上这个,可以了。 上面一个简单的例子。 只要改成border-box。我们就设置的就是包括边距,总共的了。这样是比较符合我们的自觉地的。 颜色的alpha通道 那么他和这个 opacity有什么区别呢, 其实显而易见,就是opacity是这个item...
css+js实现点击特效效果

css+js实现点击特效效果

  • 2023-07-23 12:31:20
  • dfer
  • 392
话不多说,先上效果图  实现代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi...

【CSS基础简介】

  • 2023-07-23 12:31:20
  • dfer
  • 391
CSS引入方式及常用属性详解 引入方式 在网页开发中,CSS(层叠样式表)用于控制网页的外观和样式。在使用CSS之前,我们需要将CSS文件引入到HTML文件中。有几种常见的引入方式: 内联样式 内联样式是将CSS代码直接写在HTML标签的style属性中。这种方式适用于只有一个元素需要样式的...