
css
西楠
这个作者很懒,什么都没留下…
展开
-
移动端去除a标签默认点击高亮
a { text-decoration: none; -webkit-tap-highlight-color: transparent;}原创 2020-10-02 19:09:47 · 955 阅读 · 0 评论 -
纯css旋转相册(源码)
效果图:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{ animation:play 20s linear 0s infinite alternate; } .box{ width: 200px; height: 300px;原创 2020-09-28 16:39:24 · 758 阅读 · 0 评论 -
纯css太极动画(源码)
<html> <head> <title>过渡</title> <meta charset="utf-8"/> <style type="text/css"> body{ margin:0; background-color:#ddd; } .taiji{ display:flex; align-items:center; height:400px; wi原创 2020-09-26 21:31:21 · 380 阅读 · 0 评论 -
弹性盒子(display:flex)
1.属性flex-direction:指定了弹性容器中子元素的排列顺序属性值:row;(默认值) 水平显示,一行排列row-reverse;与row排列顺序相反column;垂直显示一列显示column-reverse;与column排列顺序相反initial;设置该属性为它的默认值inherit;从福原色继承该属性2.属性justify-content:设置弹性盒子元素在主轴(横)方向上的对齐方式属性值:flex-start(默认) 项目位于容器开头flex-end项目位于容器原创 2020-09-22 08:50:58 · 542 阅读 · 0 评论 -
css笔记(更新中)
1.什么是css层叠样式表标记语言2.css的作用①增强控制网页样式②样式与网页分离3.css语法格式选择器{ 属性1:属性值1; 属性2:属性值2; .....}4.HTML中导入css的三种方式1.)第一种方式内嵌样式<style type="text/css"> .选择器{ 属性1:属性值1; 属性2:属性值2; ..... } </style>2.)第二种方式原创 2020-09-21 20:52:56 · 129 阅读 · 0 评论