随笔分类 -  html+css

css实现波浪纹，水波纹动画
摘要：1.示意图 2.结构 3.wave.html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS实战 - 波浪</title> <style type="text/css"> .wave-box{ b 阅读全文
posted @ 2020-06-09 17:26 小伍w 阅读(1399) 评论(0) 推荐(0)
vue中监听滚动条事件，通过事件控制其他div滚动，固定表头和列
摘要：1.首先要有一个div出现滚动条，比如我想做的内容如下图： 我的需求是（1）通过横向滚动div4，控制2的横向滚动，1和3固定不动（2）纵向滚动4，控制1和3的纵向滚动，2固定不动 布局方面不好讲，代码太多，此处省略，简单的描述来说就是2和4需要滚动的内容宽度要一样，既然需要滚动，那么里面的内容肯定 阅读全文
posted @ 2020-05-21 10:59 小伍w 阅读(5055) 评论(0) 推荐(0)
tbody设置超出固定的高度出现滚动条，没超出不显示。
摘要：没有超出时显示样式，不显示滚动条： 超出时显示滚动条： 1.html 2.css 其中td的宽度，每一行的最后一个td不设置宽度，前面的td设置宽度来让表格头部和内容对齐 阅读全文
posted @ 2019-07-19 14:42 小伍w 阅读(6114) 评论(1) 推荐(1)
使用css设置border从中间向两边的颜色渐进效果
摘要：1.效果图，设置目录的右框线渐进效果 2.代码 3.横向： 或者 阅读全文
posted @ 2019-06-17 17:17 小伍w 阅读(11285) 评论(0) 推荐(0)
常用css和js内容
摘要：1.让一个200x200的div在不同分辨率屏幕上下左右居中。 2. 阐述清楚浮动的几种方式 （1）手动给父级div高度：height。 原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。 优点：简单、代码少、容易掌握 缺点：只适合高度固定的布局，要给出精确的高度，如 阅读全文
posted @ 2018-09-28 15:58 小伍w 阅读(250) 评论(0) 推荐(0)
移动端和pc端，响应式设计布局
摘要：1.什么是响应式 Web 设计? 响应式 Web 设计让你的网页能在所有设备上有好显示。 响应式 Web 设计只使用 HTML 和 CSS。 响应式 Web 设计不是一个程序或Javascript脚本。 2.响应式的作用：设计最好的用户体验 友好的用户体验是网页可以在任何设备上展示和操作，设备包括桌 阅读全文
posted @ 2018-08-13 16:02 小伍w 阅读(12786) 评论(0) 推荐(0)
html技巧
摘要：1.不用id关联checkbox 不使用id，便可以关联checkbox和前面的文字。点击文字选中复选框。 阅读全文
posted @ 2018-08-13 11:57 小伍w 阅读(175) 评论(0) 推荐(0)
W3c盒子模型+IE盒子模型+box-sizing属性
摘要：1.盒子模型有两种，标准盒模型和IE盒模型，其中W3C标准的盒模型就是在网页的顶部加上 DOCTYPE 声明。 （1）W3C标准的盒模型 W3C盒子模型包括4部分：margin，border，padding，content，其中，content不包括其他部分，下面内容（content）部分为蓝色的部 阅读全文
posted @ 2018-07-04 11:20 小伍w 阅读(564) 评论(0) 推荐(0)
box-shadow阴影效果
摘要： 阅读全文
posted @ 2018-06-27 15:58 小伍w 阅读(136) 评论(0) 推荐(0)
css控制单行或者多行文本超出显示省略号
摘要：1.单行文本 使用text-overflow：ellipsis属性 text-overflow: clip|ellipsis|string; clip：修剪文本。 ellipsis：显示省略符号来代表被修剪的文本。 string：使用给定的字符串来代表被修剪的文本。 示例： css: html: 效 阅读全文
posted @ 2018-04-24 10:20 小伍w 阅读(66285) 评论(0) 推荐(3)
html5+css3相关知识
摘要：一：HTML5 1.html中的meta标签 content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。 content 属性始终要和 name 属性或 http-equiv 属性一起使用。 二.CSS3主要应用 1.margin的应用 图一： 图二：在父容器中加上overflow: 阅读全文
posted @ 2018-04-20 18:02 小伍w 阅读(198) 评论(0) 推荐(0)
css鼠标滑过出现文字效果
摘要：模仿淘宝上鼠标移动到商品图片时，出现的文字效果。 1、效果图 鼠标移动到粉红色的区域，则出现黄色部分。 2、代码 2017-09-23 阅读全文
posted @ 2017-09-23 23:30 小伍w 阅读(11460) 评论(0) 推荐(0)
利用after和before伪元素在文字两边写横线
摘要：效果 阅读全文
posted @ 2017-09-03 23:21 小伍w 阅读(5254) 评论(0) 推荐(0)
html+css居中问题
摘要：居中 阅读全文
posted @ 2017-09-02 23:35 小伍w 阅读(202) 评论(0) 推荐(0)
在用HTML+css写页面中遇到的问题
摘要：浮动问题 阅读全文
posted @ 2017-09-02 23:07 小伍w 阅读(727) 评论(0) 推荐(0)
CSS基础
摘要：CSS基础 学习中的不足：类选择器的命名，盒模型的各种应用。 1、相关定义：CSS是Cascading Style Sheet 的缩写。译作「层叠样式表」。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 2、css框架模型：content（内容）、padding（内边距） 阅读全文
posted @ 2017-08-27 16:43 小伍w 阅读(141) 评论(0) 推荐(0)
html基础
摘要：html基础 阅读全文
posted @ 2017-08-27 16:25 小伍w 阅读(138) 评论(0) 推荐(0)