搜索结果
查询Tags标签： Solid，共有 52条记录-
SOLID设计原则
一、里氏替换原则里氏替换原则主要阐述了有关继承的一些原则，也就是什么时候应该使用继承，什么时候不应该使用继承，以及其中蕴含的原理1.1 作用里氏替换原则是实现开闭原则的重要方式之一 它克服了继承中重写父类造成的可复用性变差的缺点 它是动作正确性的保证。即类的…
2021/11/13 23:09:41 人评论 次浏览 -
对于清除浮动的理解
1.浮动元素会脱离html文本流,相对于从标签那些里脱去,会改变html的样子 2.例https://www.w3school.com.cn/tiy/t.asp?f=css_layout_clear 3.在这里插入代码片 <!DOCTYPE html> <html> <head> <style> .div1 {float: left;width: 100px;height: 5…
2021/11/11 6:11:57 人评论 次浏览 -
对于清除浮动的理解
1.浮动元素会脱离html文本流,相对于从标签那些里脱去,会改变html的样子 2.例https://www.w3school.com.cn/tiy/t.asp?f=css_layout_clear 3.在这里插入代码片 <!DOCTYPE html> <html> <head> <style> .div1 {float: left;width: 100px;height: 5…
2021/11/11 6:11:57 人评论 次浏览 -
用CSS border画一个铅笔
先上效果图 该例子来自 CSS世界 的书中项目 总结技巧如下：巧用 border 和 伪元素 来 绘制层叠效果。 使用 transform-origin 来改变元素的轴心 使用 filter:drop-shadow 绘制 物体 阴影代码如下：<!DOCTYPE html> <html lang="en"> <head>&l…
2021/10/30 23:17:39 人评论 次浏览 -
用CSS border画一个铅笔
先上效果图 该例子来自 CSS世界 的书中项目 总结技巧如下：巧用 border 和 伪元素 来 绘制层叠效果。 使用 transform-origin 来改变元素的轴心 使用 filter:drop-shadow 绘制 物体 阴影代码如下：<!DOCTYPE html> <html lang="en"> <head>&l…
2021/10/30 23:17:39 人评论 次浏览 -
5
1. border: none;/*去除外边框 */ outline: none;/*去除轮廓线 */ 2. background-position: 0 1px;/*光标定上去，控件本身事件 */ 3. position: relative;/* 向下移动 */ 4. /* "+"找下一个 */ background-position: -453px -46px; 5. border-bottom: 1p…
2021/10/29 23:09:58 人评论 次浏览 -
5
1. border: none;/*去除外边框 */ outline: none;/*去除轮廓线 */ 2. background-position: 0 1px;/*光标定上去，控件本身事件 */ 3. position: relative;/* 向下移动 */ 4. /* "+"找下一个 */ background-position: -453px -46px; 5. border-bottom: 1p…
2021/10/29 23:09:58 人评论 次浏览 -
纯css3制作的图形
原文来自 https://www.jqhtml.com/8045.html Square#square {width: 100px;height: 100px;background: red; }Rectangle#rectangle{width: 200px;height: 100px;background: red; }Circle#circle {width: 100px;height: 100px;background: red;-moz-border-radius: 50px;-…
2021/10/27 6:09:33 人评论 次浏览 -
纯css3制作的图形
原文来自 https://www.jqhtml.com/8045.html Square#square {width: 100px;height: 100px;background: red; }Rectangle#rectangle{width: 200px;height: 100px;background: red; }Circle#circle {width: 100px;height: 100px;background: red;-moz-border-radius: 50px;-…
2021/10/27 6:09:33 人评论 次浏览 -
WEB前端面试
1.HTML+CSS 1. 行内元素（行级元素、内联元素）、行内块元素、块元素各有什么区别。 html元素的分类各种类型的区别各有哪些元素 2. 清除浮动有哪些方法 为什么设置元素浮动（当前可以用flex布局替换浮动布局）浮动元素的特性使用空div清除浮动。overflow：hidden：扩展ov…
2021/10/17 6:13:06 人评论 次浏览 -
WEB前端面试
1.HTML+CSS 1. 行内元素（行级元素、内联元素）、行内块元素、块元素各有什么区别。 html元素的分类各种类型的区别各有哪些元素 2. 清除浮动有哪些方法 为什么设置元素浮动（当前可以用flex布局替换浮动布局）浮动元素的特性使用空div清除浮动。overflow：hidden：扩展ov…
2021/10/17 6:13:06 人评论 次浏览 -
座位选择（JS）
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>*{margin: 0;padding: 0;}ul{width: 500px;height: 400px;border: 1px solid red;position: fixed;margin: 0…
2021/10/15 23:44:42 人评论 次浏览 -
座位选择（JS）
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>*{margin: 0;padding: 0;}ul{width: 500px;height: 400px;border: 1px solid red;position: fixed;margin: 0…
2021/10/15 23:44:42 人评论 次浏览 -
前端速成（12）css
所选取的图片往零点移动，图片往左移动，负值<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta…
2021/10/7 6:12:48 人评论 次浏览 -
前端速成（12）css
所选取的图片往零点移动，图片往左移动，负值<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta…
2021/10/7 6:12:48 人评论 次浏览
