css奇技淫巧

常见的CSS布局小技巧

常见的CSS布局小技巧左右布局给父盒子添加清除浮动clearfix样式给子盒子添加左右浮动float:left;、float:right;案例：CSS部分：/*clearfix的写法无需理解*/.clearfix
Mr_LvHeng·2024-02-03 21:21

指令实现element弹窗的全屏与移动

/drag.scss");letvalue=(el,binding)=>{console.log("绑定的值：",binding);//弹窗letdialog=document.getEl
无知的小菜鸡·2024-02-03 21:35

大二学生web期末大作业 在线电影网站 HTML+CSS+JS

该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。
html网页设计·2024-02-03 20:43

VScode自动生成项目结构树

结果自动生成在README.md文件中exampleObject├─.gitignore├─babel.config.js├─package-lock.json├─package.json├─public│├─CSS
___chu·2024-02-03 20:22

SASS 官方文档速通

一.特色功能Sass是一款强化CSS的辅助工具，在CSS语法的基础上增加了变量、嵌套、混合、导入等高级功能。有助于组织管理样式文件，更高效地开发项目。
yqcoder·2024-02-03 20:18

Vue - 配置vue的jsx写法以及postcss

安装：npmipostcss-loaderautoprefixerbabel-loaderbabel-core有可能我们的node_modules中已经安装了上面的一些包。
廖马儿·2024-02-03 18:43

【前端web入门第三天】01 css定义和引入方式 四种标签选择器

文章目录:1.css定义2.css引入方式3.选择器3.1标签选择器3.2类选择器3.3id选择器3.4通配符选择器4.画盒子1.css定义层叠样式表(CascadingStyleSheets，缩写为CSS
小徐要考研·2024-02-03 18:41

【前端web入门第三天】02 CSS字体和文本

文章目录:1.字体1.1字体大小1.2字体粗细1.3字体样式1.4行高1.5字体族1.6font复合属性2.文本2.1文本缩进2.2文本对齐方式2.3文本修饰线2.4color文字颜色1.字体1.1字体大小属性名:font-size属性值:文字尺寸，PC端网页最常用的单位pxp{font-size:30px;}1.2字体粗细属性名:font-weight属性值属性值:数字(开发使用)正常400加粗
小徐要考研·2024-02-03 18:08

CSS linear-gradient()线性渐变

学习最好的方法，就是把你知道的告诉别人元素的背景颜色并不局限单一的颜色，我们还可以通过给元素的背景色设置过渡，也就是渐变，让我们的元素的颜色变得更加美观。可以通过linear-gradient()实现渐变，这是它的语法：background:linear-gradient(gradient_direction,颜色1,颜色2,颜色3,...);gradient_direction:背景的渐变角度，
ER_PM·2024-02-03 17:52

jquery之dom的筛选遍历

A.筛选一.odd/even/first/last/eq1.odd队列中索引值为奇数的元素被选择出来xxxxxxxxx$('li:odd').css('background','orange')；2.even
祝名·2024-02-03 17:21

24岁本科女生培训入门，学测试和前端哪个好?

那么你现在的出发点就应该换到，自己对哪个学科更感兴趣，更能学习下去，那就选择哪个学科就好了~如果实在是没办法做选择，可以选择两个课程的基础课程去学习一下，看看哪个更适合自己~最新前端开发入门教程，web前端零基础html5+css3
我想去吃ya·2024-02-03 17:55

有趣的css - 简约的动态关注按钮

页面效果此效果主要使用css伪选择器配合csscontent属性，以及transition(过渡)属性来实现一个简约的动态按钮效果。此效果可适用于关注按钮、详情按钮等，增强用户交互体验。
设计师工作日常·2024-02-03 16:14

CSS transition(过渡效果)详解

CSStransitions（过渡效果）允许你在CSS属性值之间平滑地过渡，而不需要使用JavaScript。
Min_nna·2024-02-03 16:13

selenium css定位

selenium-css定位element_css=driver.find_element(By.CSS_SELECTOR,'css表达式')css定位说明selenium中的css定位，实际是通过css
咖 啡加剁椒·2024-02-03 16:35

Bootstrap

Bootstrap一、Bootstrap概述Bootstrap:是一个基于jquery以及csshtml5的前端框架，具有很好的自适应性，可以很方便的处理响应式布局Bootstrap中文网二、Bootstrap
默默编码的Fxdll·2024-02-03 15:24

前端学习笔记 | CSS动画+移动web

一、平面转换为元素添加动态效果，一般与过渡配合使用。1、设置transition给元素本身，表示过渡变换方式和时间2、在元素hover设置transform（动态效果）transform:【移动】translate(x方向，y方向)、translateX（x、translateY(y)位移【旋转】rotate(数字+deg）【缩放】scele(数字)大于1放大，小于1缩小【倾斜】skew（数字+d
简·AI·2024-02-03 15:04

前端学习笔记 | HTML5+CSS3静态网页制作的技巧（持续更新）

注：本文的css样式均使用less写法1、字体居中（1）先text-align:center;行内元素水平居中（2）再line-heigh:(盒子高度);行内元素垂直居中text-align:center
简·AI·2024-02-03 15:04

前端学习笔记 | CSS高级技巧

一、定位注：需要同时设置定位模式和边偏移才生效。1、定位模式相对定位-position:relative特点：（1）灵活改变盒子在网页中的位置，改变位置的参照物是自己原来的位置（2）不脱标，占位（3）标签显示模式特点不变绝对定位-position:abusolute(子级绝对定位，父级相对定位-子绝父相)特点：（1）脱标，不占位（2）参照物先找祖先元素，如果祖先没有定位，则参照浏览器可视区域位置（
简·AI·2024-02-03 15:03

前端学习笔记 | 响应式网页+Boostrap

一、响应式网页一套代码适应多端1、媒体查询@media(条件){css}max-width小于等于max-width生效min-width【案例】左侧隐藏因为CSS的层叠性，书写顺序：max-width
简·AI·2024-02-03 15:31

SAP UI5 应用开发教程之三十六 - 使用 Chrome 开发者工具 Elements 标签动态修改 CSS 类

本教程的前面一系列步骤，我们或多或少已经使用了Chrome开发者工具来学习SAPUI5应用的开发，比如通过Elements标签页查看SAPUI5XML视图里定义的控件，运行时生成的原生HTML代码，或者是在Console标签页里，查看在调试模式下SAPUI5运行时报出的INFO或者ERROR消息。从本步骤开始的接下来一系列步骤，我们来系统学习如何使用Chrome开发者工具来帮助我们更好地进行SAP
JerryWang_汪子熙·2024-02-03 14:25

Selenium六 find_element_by_xpath()的几种方法

Xpath(XMLPathLanguage)，是W3C定义的用来在XML文档中选择节点的语言一：从根目录/开始有点像Linux的文件查看，/代表根目录，一级一级的查找，直接子节点，相当于css_selector
绯花修罗·2024-02-03 13:36

web 前端常用长度单位

3.rem是CSS3新增的一个相对单位，相对的只是HTML根元素，可以只修改根元素就可以成比例地调整所有字体大小，又可以避免字体大小逐层复合的
Leophen·2024-02-03 13:50

webpack详解

现在的前端网页功能丰富，特别是SPA（singlepagewebapplication单页应用）技术流行后，JavaScript的复杂度增加和需要一大堆依赖包，还需要解决Scss，Less……新增样式的扩展写法的编译工作
前端你鹏哥·2024-02-03 12:08

H5 清除浮动

css代码：/*
Johnny Tong·2024-02-03 12:12

关于CSS3（最新的CSS标准）

CSS3—边框1.CSS3圆角：border-radius语法：border-radius:xx;（可为px，可为百分比。
Taptaq·2024-02-03 12:08

css3笔记(一）

css3css31、css3是css1css2的升级版，是对css的扩展2、css3主要新特性：3、css3不是属于浏览器或同一浏览器的不同版本都支持，所以需要兼容处理，通常的做法就是加厂商前缀4、css3
yueo·2024-02-03 12:08

压缩html页面 seo,HTML、CSS、JS的SEO优化

一、清理页面中的垃圾代码。清理垃圾代码是指删除页面中的冗余代码，可以删除80%的冗余代码。垃圾代码主要指那些删除了也不会对页面有任何影响的非必要代码。最常见的垃圾代码，空格空格字符是网页中最常见的垃圾代码。但并不是指标签，而是有代码编辑环境下敲击空格所产生的符号，每个空格相当一个字符，那么也就是说，一个页面，空格就占页面体积的15%，100K的页面，有15K是空格字符。空格字符最常出现在代码的开始
weixin_39585675·2024-02-03 12:07

html5与css3代码,HTML5与CSS3基础（三）(示例代码)

11用CSS进行布局11.1开始布局的注意事项1还是要强调的是内容与显示分离2布局方法：固定布局：整个页面和每一栏的内容都有基于像素的宽度。
tyler dai·2024-02-03 12:07

CSS3常用分列与flex弹性布局

一、分栏（多列）1.column-count规定元素应该被分隔的列数。column-count：number|auto2.column-gap规定列之间的间隔column-gap：length|normal3.column-rule设置所有column-rule-*属性的简写属性。column-rule-style：设置线型属性值：none默认；hidden定义隐藏规则；dotted点；dashe
柠檬4.0·2024-02-03 12:06

《CSS3》田字网格背景（外实线内虚线）的实现

一、前言记录一些有趣的CSS实现方式，总所周知，当一段效果可以通过CSS实现的时候，绝不使用Javascript来实现，因此记录一些有意思的CSS效果，一来是方便自己学习，另一来是方便以后在需要使用到的时候能快速找到并使用上
Oliver尹·2024-02-03 12:05

HTML CSS, JavaScript 简单计算器

这个项目是一个简单的计算器应用程序，使用HTML、CSS和JavaScript开发。它提供了基本的算术运算功能，包括加法、减法、乘法和除法。
binnnngo·2024-02-03 11:00

css浮动（float)

清除浮动本质语法：清除浮动的方法额外标签法：父级添加overflowafter伪元素法双伪元素清除浮动1.传统网页布局三种方式网页布局的本质——用CSS来摆放盒子。把盒子摆放到相应位置，CSS提供了
neoxyf2005·2024-02-03 11:25

SCSS 文件里的感叹号用法 - 给变量设置默认值

default;https://stackoverflow.com/questions/10643107/what-does-default-in-a-css-property-value-mean含义如下
JerryWang_汪子熙·2024-02-03 11:24

元素的显示与隐藏，精灵图，字体图标，CSSC三角

元素的显示与隐藏类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现本质：让元素在页面中隐藏或者显示出来。1.display显示隐藏2.visibility显示隐藏3.overflow溢出显示隐藏1.display属性（重点）display属性用于设置一个元素应该如何显示。display：none;隐藏对象display：block；除了转换为块级元素之外，同时还有显示元素的意思
neoxyf2005·2024-02-03 11:23

微信小程序入门（十）：组件checkbox/radio

现就针对这两个组件进行属性的介绍：checkboxvalue：标识，选中时触发的change事件，并携带的valuedisabled：是否禁用checked：当前是否选中，可用来设置默认选中color：checkbox的颜色，同css
睿丶清·2024-02-03 11:37

HTML、CSS知识总结

一.HTML知识点总结1.基本语法概述HTML标签是由尖括号包围的关键词，例如HTML标签通常是成对出现的，例如和,我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。有些特殊标签必须是单个标签（很少），例如,我们称为单标签1.1标签关系包含关系、并列关系1.2基本结构Hello页面专业Hello语句每一个网页都有结构标签（骨架标签），页面内容也是在这些基本标签上书写的标签名定义
xzc1453·2024-02-03 10:29

HTML与CSS学习总结

HTML与CSS学习总结一、HTML总结1概念HTML是HyperTextMarkupLanguage的简称，中文名称：超文本标记语言，它是一种用于创建网页的标准标记语言。标记语言是由标签构成的语言。
七倾城·2024-02-03 10:58

css的重点总结

//参考：http://zh.learnlayout.com/概念：CSS用于控制网页的样式和布局。
Lucy酱·2024-02-03 10:26

前端换肤的五种思路和优缺点

这些不同样式通常是通过不同的CSS文件或CSS类来定义的，通过切换不同的CSS文件或应用不同的CSS类，实现不同的皮肤效果。静态换肤的特
贝格前端工场·2024-02-03 10:24

css知识点总结

一．什么是css？CSS（CascadingStyleSheets）层叠样式表，专注于页面的表现层。
guchiccc·2024-02-03 10:54

css要点总结

css总结1.box-sizing：content-box|border-box/**content-box:设置的宽度，高度为content的*border-box:设置的宽度，高度为content+
微信：wkzj-book001·2024-02-03 10:54

CSS学习总结

学习CSS的总结通过此次对CSS的学习，大致对此有一个粗略的了解，可以使用它来对页面进行美化。
嘻嘻萌萌·2024-02-03 10:54

【css要点总结】003 级联

有时候，有多个相同的css规则可以被应用于同一个元素。此时浏览器需要使用级联算法确定最后使用哪一个css规则进行页面渲染。css是级联样式表（CascadingStylesheets）。
pengfeixc·2024-02-03 10:53

【css要点总结】011 逻辑属性

css逻辑属性文章中demo无法实时预览，可以在这里获得更好的阅读体验。本节，将讨论css中的一些逻辑属性。一.块流（Blockflow）**块流（Blockflow）**指的是块排列的方向。
pengfeixc·2024-02-03 10:53

Tauri：相比Electron，还有很长路要走的。

它允许开发者使用Web技术（如HTML、CSS和JavaScript）来构建高性能的本地应用程序，同时提供了访问底层操作系统功能的能力。
贝格前端工场·2024-02-03 10:22

CSS要点总结

一、CSS快速入门css快速入门2.表示要写css内容3.div{}表示对div元素进行样式的指定4.width:300px(属性);表示对div样式的具体指定,可以有多个5.如果有多个，使用;分开即可
淳平讲Java·2024-02-03 10:22

HTML+CSS基础面试题总结

2.CSS选择器权重如何计算就近原则：直接选中的，一定比继承的权重大。一样近，比权重：id是100，class是10，标签是1，总数权重一
让笑容常在·2024-02-03 10:21

Javaweb基础-HTML，CSS，JS

一.HTMLHTML主要用于网页主体结构搭建；由一系列标签组成；基础结构：文档声明：根标签：其它标签放在里面头部元素：其它头部元素放入其中eg：meta标签指定字符集主体元素：浏览器显示的内容定义在里面注释：语法规则：根标签是有且只能有一个；无论是双标签还是单标签都需要正确关闭;标签可以嵌套但不能交叉嵌套;注释语法为，注意不能嵌套;属性必须有值，值必须加引号，H5中属性名和值相同时可以省略属性值;
tmy99·2024-02-03 10:42

HTML 和 CSS 基础

CSSselector*{font-size:18px;font-weight:bold;}p{color:red;}.p2{color:green;}#p3{color:blue;}divp{color
ARTHUR王旭光·2024-02-03 10:39

Python 修改文件内容

Python修改文件内容前言原理源码前言要批量修改html和css文件于是想到了万能的Python原理Python不能动态的操作打开文本文档，所以只能曲线救国，先打开一个文档将文档内容缓存到内存中，然后进行修改
SlowFeather·2024-02-03 10:50
上一页 40 41 42 43 44 45 46 47 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他