13.1 表格 <tr> <th>外号</th> <th>原名</th> <th>特长</th> <th>照片</th> </tr> <tr> <th>美国队长</th
<!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
如图所示:热力看起来并不清楚 解决: 方法一: -webkit-text-stroke: length color; 参数:length :文本描边宽 color: 文本颜色 -webkit-text-stroke: 1px #1e4dfe; 效果: 方法二:text-shadow 例如: text-shadow: 1px 1px 0 #000; 参数: text-shadow: x位移 y位移 模糊程度 颜色 其中:
需将文章最后的图片保存下来与代码放于同一目录中 商品详情页面模板 HTML代码 <!--制作商品详情页面--> <!--李子木--> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>制作商品详情页面</title> <link rel=&quo
<!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
mouseleave事件是各元素各自触发,不是由子元素冒泡而来,而mouseout是由子元素冒泡而来。 举个栗子 .app1 { width: 300px; height: 300px; border: 1px dashed black; } .app2 { width: 200px; height: 200px; border: 1px dashed gray; } .app3 { width: 100px;
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 div{ 8 width: 1000px; 9 height: 70
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <!--外边距的妙用:居中元素 7 margin: 0 auto; 8 --> 9 <style> 10
文章目录 知识框架图1. CSS2. CSS3种导入方法行内内部外部 3. 选择器3.1 *三种基本选择器标签选择器类选择器id选择器 3.2 层次选择器后代选择器子选择器下兄弟选择器通用选择器 3.3 结构伪类选择器3.4 属性选择器基础语法body基础style属性选择绝对等于模糊等于以开头以结
1、控制标签style样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-size: 14px; } table, tr,
1.直接将Html转成Word。MVC自带FileResult很好用。Html中我们也可以嵌入自己的样式。 html: <div id="target"> <style> table{border-collapse: collapse;border: 1px solid black;} td{border: 1px royalblue solid} </style> <img
CSS选择器学习笔记 目录 CSS选择器学习笔记 CSS选择器上 通用选择器 类型选择器 类选择器 id选择器 属性选择器 分组选择器 包含选择器 子元素选择器 伪元素选择器:first-line 伪元素选择器:first-letter 伪元素选择器 :before和:after选择器 CSS选择器下 根
1.什么是CSS Cascading Style Sheet 层叠级联样式表 CSS:表现(美化网页) 字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动。。。。 2.css规范 3.CSS的导入 4.选择器 4.1基本选择器 优先级不遵循就近原则,固定的:id选择器 > class选择器 > 标签选择器 4.1.1 标签 选择器 标签名{}
.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
1. 正则表达以及失去焦点验证的JS书写 <script> function leave(a) { var reg = /^[ \u4e00-\u9fa5a-zA-Z0-9_-]{5,16}$/;//[ title: [/^[a-zA-Z0-9_-]{5,16}$/, '用户名是5-16不含空的字母'], if (reg.test(a.value) != true) { var use
CSS: body { margin:0; padding:0; overflow-y:auto; } #leftDiv { width:300px; height:500px; border:1px red solid; border-right:none; float:left; } #splitDiv { float:left; width:1px; height:500px; border-left:1px blue solid; } #rightDiv { margi
跟着视频做练习,发现还是有一些指向问题不太清楚。后来有一个细节上,出现错误,显示效果一直不太理想。后来重新跟着视频代码对拍,发现了错误。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge
效果演示: 文末获取源码 代码目录: 主要代码实现: CSS样式: .shadow { width: 100%; height: 168px; position: relative; margin-top: -110px; background: transparent url(../images/shadow.png) no-repeat bottom center; background-size:
.arrow{ position: absolute; right: 20px; top: 52px; width: 8px; height: 8px; border-top: 1px solid #000000; border-right: 1px solid #000000; transform: rotate(45deg); }
效果图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<style type="text/css"> .labelhide { -webkit-box-shadow: 0px 1px 0px 0px #f3f3f3 !important; , inset 0px 1px 2px 0px #f3f3f3 !important; box-shadow: 0px 1px 0px 0px #f3f3f3 !important; , inset 0px 1px 2px
myHeader.vue <template> <div class="todo-header"> <input type="text" placeholder="请输入你的任务名称,按回车键确认" @keydown.enter="addHoby"/> </div> </template> <script> //引入nanoid 方
简单粗暴,分享给大家 <el-dialog class="dialogClass"> .dialogClass { .el-dialog { .el-dialog__body { //border-top: 1px solid #dcdfe6; //border-bottom: 1px solid #dcdfe6; max-height: 500px !important; min-height: 100px
<!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