前端基础之HTML+CSS(六)

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

css终极方案PostCSS

  • 2023-07-26
  • 362
一见如故 原理 所有的css框架都在一样的事,那就是由一个css生成一个新的css,那么postcss就来做了一个抽离: 1、将原有的css解析成抽象语法树 2、中间经过若干个插件 3、重新文本化,形成新的css postcss.config.js module.exports = { ...

无涯教程-jQuery - html( )方法函数

  • 2023-07-26
  • 360
html(val)方法获取第一个匹配元素的html内容(innerHTML)。此属性在XML文档上不可用。 html( ) - 语法 selector.html( ) html( ) - 示例 以下是一个简单的示例,简单说明了此方法的用法- <html> <head> <...

php的设计模式有哪些

  • 2023-07-26
  • 373
1,创建设计模式(Creational Patterns)(5种): 用于创建对象时的设计模式。更具体一点,初始化对象流程的设计模式。当程序日益复杂时,需要更加灵活地创建对象,同时减少创建时的依赖。而创建设计模式就是解决此问题的一类设计模式。 单例模式【Singleton】 工厂模式【Fact...

前端随笔:HTML/CSS/JavaScript和Vue

  • 2023-07-24
  • 351
前端随笔 1:HTML、JavaScript和Vue 最近因为工作需要,需要接触一些前端的东西。之前虽然大体上了解过HTML、CSS和JavaScript,也知道HTML定义了内容、CSS定义了样式、JavaScript定义了行为,但是却没有详细的学习过前端三件套的细节。而最近的工作中需要使用Vu...

JS——JavaScript入门【JavaScript之改变 HTML 样式】

  • 2023-07-24
  • 347
语法: Object.style.property=new style; **注意:**Object是获取的元素对象,如通过document.getElementById(“id”)获取的元素。 基本属性表(property): 使用 <p id="pcon">Hello World...

HTML+CSS收官

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

css+js实现点击特效效果

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

【CSS基础简介】

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

HTML入门教程||HTML 属性||HTML 元素

  • 2023-07-23
  • 349
HTML 元素 HTML 元素 HTML 文档由 HTML 元素定义,HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。 HTML 元素 开始标签 *元素内容结束标签 *<p>这是一个段落</p><a href="default.htm">这是一个链...