搜索结果
查询Tags标签： Solid，共有 52条记录-
CSS画几何图
如何画直角梯形、等腰梯形？ 首先先试一下，下面这段代码<div class="box"></div>.box{width: 100px;height: 100px;border-top: 50px solid orange;border-left: 50px solid blue;border-right: 50px solid purple;border-bottom: 50px solid brow…
2022/5/26 23:22:11 人评论 次浏览 -
【CSS】绘制一个三角形
<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"…
2022/4/20 23:20:43 人评论 次浏览 -
盒子模型
盒子模型 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><st…
2022/4/20 6:13:47 人评论 次浏览 -
清除浮动的四种方式
父元素不写高度时，子元素写了浮动之后，父元素会发生高度塌陷 示例代码: HTML代码: <div class="box"> <div class="box-l">left浮动</div> <div class="box-r">right浮动</div> </div> CSS代码: .b…
2022/4/15 6:16:33 人评论 次浏览 -
盒子模型及边框使用（内外边距及div居中）
盒子模型： margin：外边距 padding：内边距 border：边框 边框：边框的粗细边框的样式边框的颜色1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>Title</title>6 7 8 …
2022/3/28 23:25:26 人评论 次浏览 -
jQuery列表开头
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box{width:800px; height: 800px; border:1px solid pink; } .left{ …
2022/3/9 23:15:46 人评论 次浏览 -
每周学习总结一
一、css3的三角形画法（一）、原理通过对于边框的设置，来画出三角形。 width: 50px; height: 50px; border-bottom: 50px red solid; border-top: 50px green solid; border-left: 50px yellow solid; border-right: 50px blue solid;当设置盒子的宽高为0时，就是由四个三…
2022/2/27 23:27:31 人评论 次浏览 -
CSS高级技巧学习
目录 一、CSS高级技巧1. 精灵图1.1 为什么需要精灵图1.2 精灵图（sprites）的使用1.3 案例：拼出自己名字 2. 字体图标2.1 字体图标的产生2.2 字体图标的优点2.3 字体图标的使用2.3.1 字体图标的下载2.3.2 字体图标的引入2.3.3 字体图标的追加3. CSS 三角3.1 案例：京东、…
2022/2/13 23:15:55 人评论 次浏览 -
CSS 创建搜索框
基础 HTML 代码 搜索表单 HTML 代码搜索框 CSS 代码 实例 * {box-sizing: border-box; } /* 设置搜索框 */ form.example input[type=text] { padding: 10px; font-size: 17px; border: 1px solid grey; float: left; width: 80%; background: #f1f1f1; } /* 设置提交按钮…
2022/1/20 23:17:54 人评论 次浏览 -
CSS 创建搜索框
基础 HTML 代码 搜索表单 HTML 代码搜索框 CSS 代码 实例 * {box-sizing: border-box; } /* 设置搜索框 */ form.example input[type=text] { padding: 10px; font-size: 17px; border: 1px solid grey; float: left; width: 80%; background: #f1f1f1; } /* 设置提交按钮…
2022/1/20 23:17:54 人评论 次浏览 -
JavaWeb class选择器
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>class类型选择器</title><style type="text/css">.class01{color:blue;font-size:30px;border: 1px solid yellow;}.cla…
2022/1/1 22:10:39 人评论 次浏览 -
JavaWeb class选择器
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>class类型选择器</title><style type="text/css">.class01{color:blue;font-size:30px;border: 1px solid yellow;}.cla…
2022/1/1 22:10:39 人评论 次浏览 -
CSS轮廓属性outline
CSS轮廓属性 轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。属性说明值outline]在一个声明中设置所有的轮廓属性outline-color outline-style outline-width inheritoutline…
2021/12/22 23:52:39 人评论 次浏览 -
CSS轮廓属性outline
CSS轮廓属性 轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。属性说明值outline]在一个声明中设置所有的轮廓属性outline-color outline-style outline-width inheritoutline…
2021/12/22 23:52:39 人评论 次浏览 -
SOLID设计原则
一、里氏替换原则里氏替换原则主要阐述了有关继承的一些原则，也就是什么时候应该使用继承，什么时候不应该使用继承，以及其中蕴含的原理1.1 作用里氏替换原则是实现开闭原则的重要方式之一 它克服了继承中重写父类造成的可复用性变差的缺点 它是动作正确性的保证。即类的…
2021/11/13 23:09:41 人评论 次浏览
