前言 每次写点东西都扯两句-0-，这几天一半精力放在移动端，一半维护之前的项目。书也少看了，不过还好依旧保持一颗学习的心。对于css3我是之前有专门整理过的，因此对于原理之前也算了解。今天是项目中遇到一个效果，来整理一下。 正文 首先我们可以找到微信的语音播放效果。这里自行打开
效果图 代码 html： <div class="message1"> 大家好，我是小胡<br>个人主页：hlz.space<br>个人服务网站：www.loveconvert.com </div> <div class="message2"> 大家好，我是小胡<br>个人主页：hlz.space<br>个人服务网站：www.loveconvert.com
如何不使用JS，给自己的博客添加一个酷酷的侧边导航栏呢？详情请查看右侧导航栏，这是我自己做的一个导航栏，分别作用是：展示手机号，展示QQ，展示微信，跳转自己想要的网址（这里我放的是自己的还未完成的博客） 分析一下这个侧边栏，首先是需要他不影响内部其他DOM元素并处于页面右侧，那么应
Square(正方形) #square { width: 100px; height: 100px; background: red; } Rectangle(矩形) #rectangle { width: 200px; height: 100px; background: red; } Circle(圆形) #circle { width: 100px; height: 100px; background
微信小程序端的效果 1：微信端代码 （2）wxxml <view class="container-body container-gray" style="display:{{showfootertab==0?'block':'none'}}"> <form bindsubmit="evaSubmit"> <view class="group"
5CSS3： 新特性 浏览器支持 5.1圆角边框与阴影 5.1.1圆角边框 border-radius属性 border-top-left-radius左上角 border-top-right-radius右上角 border-bottom-left-radius左下角 border-bottom-right-radius右下角 例如：border-top-left-radius:40px 20px左上角一个长比高为2
盒子模型 构成 盒子厚度border——边框 填充厚度padding——内边距 与其他盒子距离margin——外边距 边框border border-width：边框宽度 border-color：边框颜色 border-style：边框样式 参数如下 none：没有边框 solid：边框为单实线————最常用 dashed：边框
CSS中设置元素的圆角矩形 圆角矩形介绍 在CSS中通过border-radius属性可以实现元素的圆角矩形。 border-radius属性值一共有4个，左上、右上、左下、右下。 border-radius属性值规则如下：第一个值为左上、第二个值为右上、第三个值为左下、第四个值为右下。 假如border-radiu
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati
在学习JQ之前，我上网百度了一下，看看是否有学习该部分的必要。根据网友所说，虽然JQ的使用率不比以前，但作为一个十分经典的框架，仍然值得学习。现在很多框架都依赖于JQ，这点也是不容忽略的。在JQ中的AJAX也是个很多公司需要的功能。总的来说对于初学者来说学习JQ还是很有必要的。 在学习
1.指定文本前后添加内容 <div class="box">test</div> .box::before{ content: 'before'; margin-right:10px ; } .box::after{ content: 'after'; margin-left:10px ; } 2. 实现一个书签标记logo <div class="mark"&
圆角矩形介绍 在CSS中通过border-radius属性可以实现元素的圆角矩形。 border-radius属性值一共有4个，左上、右上、左下、右下。 border-radius属性值规则如下：第一个值为左上、第二个值为右上、第三个值为左下、第四个值为右下。 假如border-radius属性值都是一致的我可以设置一个
HTML和 CSS学习---（16）内容介绍简介1. 简单页码成果2.hover会发光版成果3. 用jquery配合的next和prev成果 内容介绍 ![Alt] (https://yt3.ggpht.com/a/AGF-l7_JOPbXWp3QXZDuk7CCOzxdwpRg8MFJliMx5A=s900-c-k-c0xffffffff-no-rj-mo0） 这个学习资源来自于一个youtuber开的频道， 名
QSS简介 QSS称为Qt Style Sheets也就是Qt样式表，它是Qt提供的一种用来自定义控件外观的机制，它有着与css3相似的语法，或者在某种意义上它可以说是对css3进行某些特化后的子集。 Qt控件自身的外观有时很难满足我们的需要，这时候一般会有两种常见的解决方案，第一种是通过重写paintE
html和css w3c 规范 结构化标准语言 样式标准语言 行为标准语言 1） 盒模型 常见的盒模型有w3c盒模型（又名标准盒模型）box-sizing:content-box和IE盒模型（又名怪异盒模型）box-sizing:border-box。 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子
源于 how2j教程，这是个特别好的java网站。 实现效果如下。 <style> table{ border-collapse:collapse; /*边框合并*/ width:90%; } tr.odd{ /*表格的奇数列的样式*/ background-color:#f8f8f8; } tr.head{ /*表头的下边框*/ border-bottom-width: 2px; } tr{ border-bott
<!-- （1）对于行内元素或具有inline-block属性的元素居中，比如span,img等可以使用text-align:center来实现 --> .box1{ width: 200px; border: 1px solid #000; text-align:center; } .son1{ width:100px;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatib
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatib
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatib
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatib
如果你要用CSS去表达元素没有边框，你会怎么表达？ 是border:0呢？ 还是border:none呢？ 我听过很多人推荐使用border:none，因为其理由是客户端的渲染。 乍听之下会觉得：嗯，有道理，又学到东西了呵…… 其实，很多时候，代码是死的，没有绝对的好与坏！ 在相对论面前，神马都是浮云……要想明白哪种
offset 一句话：除了 margin 我们都要。 offsetWidth & offsetHeight offsetWidth = cssWidth + padding + border; offsetHeight = cssHeight + padding + border; 注意：如果将元素的box-sizing设置为border-box，offsetWidth 就等于 cssWidth。 举个例子： #wrapper{ width:100px;
客户端浏览器存储做单词记忆测试服务器与存储的关系分类sessionStroage与localStorage思路上手吧 服务器与存储的关系 服务器可以是: 服务器主机+服务器存储(硬盘) 这时服务器跟存储是一体的。 另外,就是单独作为服务器的主机 ,服务器上的硬盘一般仅用来安全操系统,服务器就
<template> <div> <el-row> <el-col :span="8" class="el-col" :class="{'BorderActive':isActive===1}" > <div > <img src="
