CSS
文章平均质量分 60
blog-lichuyan
这个作者很懒,什么都没留下…
展开
-
CSS的三种引入方式
CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。样式优先级 行内样式>内部样式>外部样式(后两者是就近原则,代码从上到下渲染,后执行的掩盖啦先执行的)一、行内样式使用style属性引入CSS样式。示例:<h1 style="color:red;">style属性的应用</h1><p style="font-size:1...原创 2018-05-26 22:30:05 · 292 阅读 · 0 评论 -
ng-zorro复选框
html:<label *ngFor="let field of fields"> <label nz-checkbox [(nzChecked)]="field.checked" [(ngModel)]="field.checked" (ngModelChange)="refreshStatus($event)">{{field.value}}<原创 2018-08-21 16:28:51 · 4404 阅读 · 2 评论 -
CSS3
子元素选择器 h1 > strong {color:red;} <h1>This is <strong>very</strong> <strong>very</strong> important.</h1>backgroundbackground: #f00 url(../ima...原创 2018-09-10 10:34:10 · 119 阅读 · 0 评论 -
css 之 :active 选择器
定义::active 选择器用于选择活动链接。当您在一个链接上点击时,它就会成为活动的(激活的)。例子:一定注意顺序a:link {color:blue;} 普通的、未被访问的链接a:visited {color:blue;} 用户已访问的链接a:hover {color:red;} 鼠标指针位于链接的上方a:active {color:yellow...原创 2018-09-13 13:16:52 · 841 阅读 · 0 评论 -
css 易混问题
块级元素特点:1.每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行。 2.元素的高度、宽度、行高和顶底边距都是可以设置的。 3.元素的宽度如果不设置的话,默认为父元素的宽度。常见的块级元素:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>原创 2018-09-13 16:25:46 · 116 阅读 · 0 评论 -
写出优雅的css
原创 2018-10-11 16:06:30 · 160 阅读 · 0 评论 -
css消除浮动
float:float 带来很多好处,但是也产生很多问题,如父容器倒塌 当一个元素设置浮动后,其他内容会环绕该浮动元素 脱离文档流消除浮动 三种方式:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t原创 2018-09-21 17:58:19 · 128 阅读 · 0 评论 -
模板数据显示篇
1:angular <div class="pointlist point" id="up{{i}}"(click)="onClick(i)" *ngFor="let list of balckSport; let i=index" [class.start]="i==0" [class.end]="i==balckSport.length-1"&g原创 2018-09-12 14:56:05 · 577 阅读 · 0 评论 -
时间段
<form class="form-inline" style="font-size: 14px;"> 时间快捷:&nbsp;&nbsp; <label> <input type='text' class='form-control ' id='dateBegin' name='begin' ...原创 2018-10-19 16:21:35 · 128 阅读 · 0 评论 -
CSS--盒子模型(border margin padding)
padding:填充 是内容到边的距离 border:边框 是边的粗细margin:边界 是控件到控件的距离注意:都可以控制4个方向(上,右,下,左)1个值:(上右下左) 2个值:(上下,左右) 3个值:(上,左右,下) 4个值:(上,右,下,左)<style> .a{ border:2px solid green; padding:...原创 2018-08-24 14:40:35 · 293 阅读 · 0 评论 -
一行分两列
.div-a{ float:left;width:49%;border:1px solid #F00} .div-b{ float:left;width:49%;border:1px solid #000} <div class="div-a">第一个DIV盒子</div> <div class="div-b">第二个DIV盒子</div&...翻译 2018-08-21 15:39:15 · 1651 阅读 · 0 评论 -
bootstrap --datetimepicker之时间段选择
文件引入 <script type="text/javascript" src="css/jquery-3.2.1.js"></script> <link rel="stylesheet" href="css/bootstrap.min.css" media="screen"> <link rel原创 2018-06-29 09:26:17 · 8264 阅读 · 7 评论 -
年视图,选择月份 ---bootstrap datepicker
$.fn.datepicker.dates['cn'] = { //切换为中文显示 days: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"], daysShort: ["日", "一", "二", "三&原创 2018-06-29 09:52:36 · 1962 阅读 · 0 评论 -
下拉选择框
html: <!--<label>--> <!--<select class="form-control" style="width: 164px;height:34px;" ng-model="errorType">--> <!--<option ng-repeat原创 2018-07-06 14:39:06 · 700 阅读 · 0 评论 -
ng -class 动态添加样式
https://blog.csdn.net/jumtre/article/details/50802136这个博主写的很不错,大家可以借鉴下原创 2018-07-06 17:28:52 · 3065 阅读 · 0 评论 -
jquery添加html元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery原创 2018-08-15 15:12:00 · 3803 阅读 · 0 评论 -
css 类似抽屉
背景;angular6+ng-alain要点:不是通过隐藏dom,而是通过调整样式,来遮盖部分样式html:<div nz-row nzGutter="24"> <div nz-col nzXs="24" nzMd="24"> <div class="showPanel " [class.hide]="isCollaps原创 2018-08-16 17:37:49 · 1387 阅读 · 0 评论 -
按钮组的使用
html:<nz-radio-group [(ngModel)]="selectedDate" *ngFor="let item of date" > <label nz-radio-button nzValue="{{ item.value }}" (click)="search()">{{ item.label }}</label>原创 2018-08-21 15:36:23 · 1778 阅读 · 0 评论 -
CSS--BFC
1、是什么Block Formatting Contexts (BFC,块级格式化上下文),就是 一个块级元素 的渲染显示规则。通俗一点讲,可以把 BFC 理解为一个封闭的大箱子,容器里面的子元素不会影响到外面的元素,反之也如此。2、布局规则内部的盒子会在垂直方向,一个个地放置; BFC是页面上的一个隔离的独立容器; 属于同一个BFC的 两个相邻Box的 上下margin会发生重叠...原创 2018-12-04 16:01:08 · 121 阅读 · 0 评论