SOLID设计原则 SRP Single Reposibility Principle 单一职责原则 A class should have one,and only one,reason to change. 就一个类而言,有且仅有一个引起它变化的原因。 每个类都必须要有一个唯一的明确的职责,只做一件事,并且把这件事做好。 仅当某种情况发生时(通常与这个类的职
1. border: none;/*去除外边框 */ outline: none;/*去除轮廓线 */ 2. background-position: 0 1px;/*光标定上去,控件本身事件 */ 3. position: relative;/* 向下移动 */ 4. /* "+"找下一个 */ background-position: -453px -46px; 5. border-bottom: 1p
原文来自 https://www.jqhtml.com/8045.html Square #square { width: 100px; height: 100px; background: red; } Rectangle #rectangle{ width: 200px; height: 100px; background: red; }
1,无序列表ul-li是没有前后顺序的信息列表。语法:<ul> <li>信息</li> <li>信息</li> ......</ul> 2,<img>标签,为网页插入图片 图像可以是GIF,PNG,JPEG格式的图像文件 3,元素分类--块级元素什么是块级元素?在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是
JQuery作用 JQuery选择器可用于快速选定需要的HTML元素,并对其进行后续处理。 JQuery的下载和使用 1、通过JQuery官网进行下载:https://jquery.com 2、JQuery实质是JavaScript文件,和其他js文件一样,使用前用户可以HTML文档首部标签和之间添加JQuery引用声明。 语法如下: <script
虽然辛苦,我还是会选择那种滚烫的人生。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>练习</title> <style type="text/css"> body{ margin: 40px; } .chatBox { width: 200px;
13.1 表格 <tr> <th>外号</th> <th>原名</th> <th>特长</th> <th>照片</th> </tr> <tr> <th>美国队长</th
1.HTML+CSS 1. 行内元素(行级元素、内联元素)、行内块元素、块元素各有什么区别。 html元素的分类各种类型的区别各有哪些元素 2. 清除浮动有哪些方法 为什么设置元素浮动(当前可以用flex布局替换浮动布局)浮动元素的特性使用空div清除浮动。overflow:hidden:扩展overflow的属性伪元素
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } ul{ width: 500px; height: 400px
鼠标悬停实现背景颜色改变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
一.精灵图 1.为什么需要精灵图 减少服务器接收和发送请求的次数,提高页面的加载速度 2.精灵图(sprites)的使用 原理核心:background-position <style> span { display: inline-block; background: url(images/abcd.jpg) no-repeat; }
啊css模型自动内减 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=&
所选取的图片往零点移动,图片往左移动,负值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
在css中 transparent到底是什么意思呢? transparent 它代表着全透明黑色,即一个类似rgba(0,0,0,0)这样的值。 例如在css属性中定义:background:transparent,意思就代表背景透明。 实际上background默认的颜色就是透明的属性,所以写和不写都是一样的。 实例: 使用若想得到编号①方向向
1、控制标签style样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-size: 14px; } table, tr,
效果图: 代码: <html> <head> <title>登录页面</title> <style type="text/css"> .box1{border:solid 2px purple;} .box2{border:solid 2px red;} </style> </head> <body> <form name="login" action="
设计模式的SOLID原则和创建式设计模式 一 设计模式的作用SOLID设计原则创建式设计模式 设计模式的作用 如果说算法的作用是让我们写出高效的程序,那么设计模式的目的就是让我们写出好的,扩展性强的,符合规范的代码。 SOLID设计原则 在软件设计中,要遵循一些原则。SOLID五大
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <style> .content{ margin-left: 20px; } .circledot{ width: 10px; height: 10px; border-radiu
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
CSS选择器学习笔记 目录 CSS选择器学习笔记 CSS选择器上 通用选择器 类型选择器 类选择器 id选择器 属性选择器 分组选择器 包含选择器 子元素选择器 伪元素选择器:first-line 伪元素选择器:first-letter 伪元素选择器 :before和:after选择器 CSS选择器下 根
效果图: js文件 Page({ data:{ li:['默认排序','离我最近','价格最低','价格最高'], shownavindex:0 }, // 下拉事件 listmenu: function(e) { if (this.data.openif) { this.setData({
CSS Cascading Style Sheet:层叠级联样式表 CSS:表现(美化网页) 字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动... 发展史: CSS1.0 CSS2.0 DIV(块) + CSS,HTML与CSS结构分离的思想,网页变得简单,SEO CSS2.1 浮动,定位 CSS3.0 圆角,阴影,动画... 浏览器兼容性~ 快速入门 <!DOCTYPE html>
.hcp-table { width: 100%; margin-top: 30px; border-spacing: 0; text-align: center; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } .hcp-table th { padding: 10px; background: #63a2e8; border-right: 1px solid #e8e8e8; border-bott
设计思路很简单,首先先定义在标准浏览器下的固定宽度(假如标准浏览器的分辨率为1024px,那么我们设置宽为980px),然后用Media Query来监测浏览器的尺寸变化,当浏览器的分辨率小于1024px的时候,则通过Media Query预设的样式表来将页面的宽度设置为百分比显示,这样子页面的结构元素就会根据浏