Solid | 易学教程

2020-11-17

阅读更多关于 2020-11-17

学习感悟：第一次接触网页设计，我是抱着好奇以及兴趣地学习，刚开始接触网页设计会觉得很神奇，感觉很新鲜，当老师给我们讲述新的知识并且让我们自己打出网站的时候，我们看着自己的成果非常地兴奋，尽管现在的我们学的只是皮毛，但我的直觉告诉我它不会那么简单，在空闲的时间应该多加练习，我会努力让他成为我的技能一。第一个内容： <!DOCTYPE html> <html>  <head> <meta charset=" utf-8 " /> <title>百度一下，你就知道</title> </head> <body> <img src=" img/cda7673ed09e765c8c6213244c50bb48.jpg " title=" 美女一枚 "height=" 500px " /> <a href=" http://www.baidu.com " target=" _blank ">百度</a> <b>百度</b> <i>百度</i> <del>百度</del> <span>百度</span> <p style=" font-size:50px; ">工业大学</p> <p>工业大学</p> <div style="text-align;">郑州大学</div> <h1 style="text-align: center;">工业大学</h1> <h6 style=

2020-11-17

阅读更多关于 2020-11-17

学习感悟：网页设计课真的是一个非常有用的课程，课堂上满满的干货，我听的非常认真，比我平常的专业课听得还要认真，学好网页设计对我来说也是非常好的，会使自己掌握一项非常有用的技能，会对自己以后的生活和工作有很大的帮助，网页设计也是非常难的，想要学好它也是非常不容易，需要付出很多的努力，这样才能真正掌握这项技能。第一个重点 <!DOCTYPE html>  <html> <head> <meta charset="utf-8" /> <title>百度一下，你就知道</title> </head> <body> <img src="img/30f87a9e527244bfa6791953e814c697.jpg" /> <a href="http://www.baidu.com">baidu</a> <img src="img/1a3d68729f6f431e8ef7a62fe1eca64b.jpg"/> <b>百度</b> <i>百度</i> <del>百度</del> <span>百度</span> <p>工业大学</p> <div style="text-align: center;">郑州大学</div> <h1 style="text-align: center;">工业大学</h1> <h6 style="text-align: center;">工业大学<

css3实现背景色渐变linear-gradient()

阅读更多关于 css3实现背景色渐变linear-gradient()

用线性渐变创建图像。如果想创建以对角线方式渐变的图像，可以使用 to top left 这样的多关键字方式来实现。示例代码： linear-gradient(#fff, #333); linear-gradient(to bottom, #fff, #333); linear-gradient(to top, #333, #fff); linear-gradient(180deg, #fff, #333); linear-gradient(to bottom, #fff 0%, #333 100%); demo代码： <!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>linear-gradient()_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" /> <style> div { width: 200px; height: 100px; margin-top: 10px; border: 1px solid #ddd; } .test { background: linear-gradient(#fff,

java html生成PDF，并打印

阅读更多关于 java html生成PDF，并打印

import java.io.File; import java.io.FileOutputStream; import org.zefer.pd4ml.PD4Constants; import org.zefer.pd4ml.PD4ML; import org.zefer.pd4ml.PD4PageMark; import javax.print.Doc; import javax.print.DocFlavor; import javax.print.DocPrintJob; import javax.print.PrintService; import javax.print.PrintServiceLookup; import javax.print.SimpleDoc; import javax.print.attribute.DocAttributeSet; import javax.print.attribute.HashDocAttributeSet; import javax.print.attribute.HashPrintRequestAttributeSet; public void createPDF(String printHtml, File pdffile) throws InvalidParameterException, IOException{

边框图片border-image

阅读更多关于边框图片border-image

一、定义：在内容变化的容器里使用，边框自动填充，由于浏览器的兼容问题，没有广泛使用 border-image属性是速记属性用于设置 border-image-source, border-image-slice, border-image-width, border-image-outset 和border-image-repeat 的值。例如：border-image：url（“1.png”） 167/20px round 二、用法 ①border-image-source属性指定要使用的图像，而不是由border-style属性设置的边框样式。如果值是"none"，或者，如果无法显示图像，边框样式会被使用。 ②border-image -slice属性指定图像的边界向内偏移。此属性指定顶部，右，底部，左边缘的图像向内偏移，分为九个区域：四个角，四边和中间。值默认的单位是px，不能使用小数 ③border-image -width属性指定图像边界的宽度。 ④border-image-outset用于指定在边框外部绘制 border-image-area 的量，设置边框图像与边框（border-image）的距离，默认为0 ⑤ border-image-repeat 属性用于图像边界是否应重复（repeated：从边框的中间向两侧平铺，但不完整）、拉伸（stretched

CSS 样式、布局、盒子模型

阅读更多关于 CSS 样式、布局、盒子模型

Css内容：常用样式：字体颜色背景布局：浮动定位标签特性　标签盒子模型：边距边框动画：旋转渐变注意： Css引路径从css文件里找　　 Html和js引路径从html文件里找样式：　　字体：　　 Font-size 字体大小　　　　实例： p { font-size:14px; } 　用em来设置字体大小　　浏览器默认文字大小为16px 　 1em=16px 　　　　Font-family 字体系列实例： p{ font-family:"Times New Roman",Georgia,Serif; } 　　 Font-style 字体样式实例： p.normal { 　　　　　　font-style:normal } p.italic { 　　　　　　font-style:italic } p.oblique { 　　　　　　font-style:oblique } 　　属性值：　　 Font-weight 字体粗细实例： p.normal { 　　　　　　font-weight:normal; } p.thick { 　　　　　　font-weight:bold; } p.thicker { 　　　　　　font-weight:900; } 　属性值：　文本：文本颜色： color 十六进制值 - 如:

一款绝对让你惊艳的CSS框架——TailwindCSS

阅读更多关于一款绝对让你惊艳的CSS框架——TailwindCSS

前言前段时间，laravel更新8.0版本，系统内置的Jetstream应用支架使用的是Tailwind CSS，于是勾起了我对Tailwind CSS的兴趣。后来项目中也是逐步使用，总体感觉超级爽。就像他的简介一样Utility-First效用优先的CSS框架。相比bootstrap，semantic ui antd这些组件库，tailwind只是个css库，简单的说就是可以完成任何ui交互，而上面的组件库一般就是做个后台应用，所以使用tailwind的环境更广泛一些。几个亮眼的地方首先是响应式设计。 css的媒体查询写起来还是比较麻烦的，如下： @media only screen and (max-width: 760px) { .navbar { width:100%; } } **使用了Tailwind CSS就免去这些繁琐的东西。**默认情况下，Tailwind使用移动优先断点系统，类似于您在Bootstrap或Foundation中可能使用的系统。这意味着未加前缀的实用程序（如uppercase）在所有屏幕尺寸上都有效，而带前缀的实用程序（如md:uppercase）仅在指定的断点及以上断点生效。如下一段代码就可以实现不同尺寸显示不同样式，是不是比媒体查询写法方便很多呢！ <div class="bg-red-500 sm:bg-green-500 md

February 9th, 2018 Week 6th Friday

阅读更多关于 February 9th, 2018 Week 6th Friday

Every one of us want to ameliorate our own condition. You can only cure retail but you can prevent wholesale. 纠正只能弥补小错，预防却能杜绝大错。 From Brock Chisholm. Self-discipline can help us prevent wholesale, and in the best case we wouldn't have to worry about possible mistakes, even if there are some, we can tackle with them easily. Don't wait until the mistake is too big to make up. The best things are put together of a night and vanish with the morning. 最美好的东西都是薄暮而至晨曦而逝。 So, does it mean that dreams are the best things we can have? Does it mean that all our best dreams would vanish when the sun rises?

web前端--音乐魔方旋转相册笔记（1）

阅读更多关于 web前端--音乐魔方旋转相册笔记（1）

前段时间，520的时候就用自己学习到的一点HTML,CSS,Javascript等，给女朋友做了一个简单的网页，这里记录一下其中的一小部分---音乐魔方旋转相册。 - 这里魔方相册的例子思路来自学习的一门课程下面正式开始：音乐魔方相册：需要用div来作出一个魔方来展示照片,首先做一个六面的魔方。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" http-equiv="X-UA-Compatible" content="IE=edge" /> <title>送给你的相册</title> </head> <body> <div class=""> <div class="container"> <div class="box">  <div class="box-page top"></div> <div class="box-page bottom"></div> <div class="box-page left"></div> <div class="box-page right"></div> <div class="box-page front"></div> <div

MySQL8 设置大小写正确步骤

阅读更多关于 MySQL8 设置大小写正确步骤

<div class="info"><h5 id="在安装完成之后初始化数据库之前修改-my.cnf" style="margin: 10px 0px; padding: 0px; font-size: 12px; color: rgb(51, 51, 51); font-family: Verdana, Arial, Helvetica, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);">在安装完成之后，初始化数据库之前，修改 my.cnf</h5><ol style="padding: 0px 0px 0px 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; white-space: normal; background-color: rgb(255, 255, 255);" class=" list-paddingleft-2"><li><p>打开mysql配置文件<br style="margin: 0px; padding: 0px;"><code style="margin: 1px 5px; line-height: 1.8; vertical-align: middle;

订阅 Solid