css3
feifantiantang
不介绍了吧
展开
-
css分割线渐变和位移
div{ border-right: 2px solid rgba(200, 220, 201, 1); border-image: linear-gradient(transparent, rgba(200, 220, 201, 1), transparent) 5 5;}transform: translate(2px);filter: drop-shadow(2px 0 0 black);原创 2021-04-23 16:35:58 · 210 阅读 · 0 评论 -
关于box-sizing
box-sizing 不支持 margin-box,只有当元素没有水平 margin 时候,box-sizing 才能真正无计算,而“宽度分离”等策略则可以彻底解决所有的宽度计算的问题唯一离不开 box-sizing:border-box 的就是原生普通文本框<input>和文本域<textarea>的 100%自适应父容器宽度。拿文本域<textarea>举例...原创 2018-04-30 12:03:03 · 473 阅读 · 0 评论 -
CSS选择器大全(上)
div,p 元素选择器 选择所有 <div> 元素和所有 <p> 元素。div p 后代选择器 选择 <div> 元素内部的所有 <p> 元素。div>p 子元素选择器 选择父元素为 <div> 元素的所有 <p>...原创 2018-04-28 13:53:26 · 1059 阅读 · 0 评论 -
css选择器大全(中)
:before 元素选择器 :before在每个指定的元素的内容之前插入新内容:after 元素选择器 :after在每个指定的元素的内容之后插入新内容:lang(en) 属性开头选择器 选择带有以 "en" 开头的 lang 属性值的每个 <p> 元素,并设置其样式:与[attribute|=value] 的比较:一般写法[属性|=...原创 2018-04-28 14:46:27 · 765 阅读 · 0 评论 -
frame与iframe的区别及基本用法
注:HTML5不再支持使用frame,iframe只有src 属性一、使用iframe的优缺点优点:1.程序调入静态页面比较方便;2.页面和程序分离;缺点:1.iframe有不好之处:样式/脚本需要额外链入,会增加请求。另外用js防盗链只防得了小偷,防不了大盗。2.iframe好在能够把原先的网页全部原封不动显示下来,但是如果用在首页,是搜索引擎最讨厌的.那么你的网站即使做的在好,也...原创 2019-03-22 09:14:31 · 387 阅读 · 0 评论 -
css和jquery实现定时滚动
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>About Me Scroll Effect w/ jQuery</title> <style> ...原创 2019-08-01 16:46:55 · 236 阅读 · 0 评论 -
css3翻转和转移实现右上角覆盖标签
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <style> .cont { margin: 2...原创 2019-08-01 16:51:11 · 468 阅读 · 0 评论