前端开发2025年09月13日
/** * 获取元素的CSS样式属性值 */function css(element, attrName) { /*if (window.getComputedStyle) return window.getComputedStyle(element)[attrName] return element.currentStyle[attrName];*/ r...
前端开发2025年09月07日
CSS3提供两种方式来实现动画,transition与animation。animation涉及自定义一种为“@keyframes”的东西,这个需要动用到insertRule太复杂了,因此本文跳过它。有人它为transform也算一种,但它是静态的,需要结合transition才能变成动态,因此也跳过。 transition主要就是以下四个属性,后面跟着的...
前端开发2025年09月07日
CSS和JavaScript标签对照表 标签和属性对照 CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyl...
前端开发2025年08月31日
.elm { width: calc(expression); } 注意事项: 使用“+”、“-”、“*” 和 “/”四则运算; 可以使用百分比、px、em、rem等单位; 可以混合使用各种单位进行计算; 表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)"这种没有空格的写法是错误的; 表达式中...
前端开发2025年08月31日
1.获取内联样式 element.style.attr 2.获取css内部样式 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> div{ width: 100px; height: 100px;...
前端开发2025年08月30日
.demo{ float:initial !important; } ...
前端开发2025年08月27日
在CSS3中,可以利用transform功能来实现文字或图像的旋转、扭曲、缩放、位移、矩阵、原点这六种类型的变形处理,下面将详细讲解transform的使用。 变形--旋转 rotate() div.box{transform: rotate(45deg);} /*顺时针旋转45度*/ 变形--扭曲 skew() div.box{transform:ske...
前端开发2025年08月25日
css文本 text外观属性 color: 颜色值(red,blue)十六进制 ,rgb letter-spacing: 字间距 px,em word-spacing: 单词间距 对中文无效 line-height: 行间距 px,em , % text-transform: 文本转换 none:不转换 capitalize:首字母大写 uppercase...
前端开发2025年08月25日
当 v-bind:style 使用需要添加浏览器引擎前缀的 CSS 属性时,如 transform,Vue.js 会自动侦测并添加相应的前缀。 ...
前端开发2025年08月20日
显示与隐藏 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>显示与隐藏</title> <style> body { margin: 0; } div { width: 200px; height: 2...