box-sizing:border-box固定边框,把边框和内边距放入框中
box-sizing:border-box固定边框,把边框和内边距放入框中
div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;
fl...
下拉框select改变时提交表单
HTML代码
select绑定onchange事件
<form id="pageSizeForm" action="/Students/Index" method="post" style="margin:18px 0">
<select name="pageSize" class="form-con...
CSS 设置placeholder属性,css定义placeholder样式
#iInput::-webkit-input-placeholder {color: blue;}
#iInput:-moz-placeholder {color: blue;}
#iInput:-ms-input-placeholder {color: blue;}
<input id='iInput' placeholder='...
input和textarea里面的字体不一样
input和textarea设置同样的字体大小,但是显示大小不一样
输入文字,也是不一样
解决办法:
是默认字体不一样造成的,设置同样的字体即可
input,textarea{
font-size: 14px;font-family: Arial;
}
找了很久才发现,字体的区...
CSS背景图片定位之百分比定位
CSS背景图片的定位:
1,关键词定位:如top right bottom left center
2,像素定位:如background-position:100px 200px; 表示图片左上角定位到距离容器左上角(100px,200px)的点
3,百分比定位:如background-position:20% 50%;
百分比定位是...
html utf-8 编码空格宽度 非两个空格=一个汉字
一直以为是utf-8是宽字节的表示法,一般一个汉字是3个字节表示,所以utf-8的网页的空格是三个空格的宽度等于一个汉字的宽度。
现在才知道不是,是字体所造成的,utf-8默认的是英文字体,对汉字的处理不是很友好,把默认字体设置为宋体就可以解决这个问题了,就像gb2312那样两个空格对应一个汉字。
<body st...
jQuery或者Css里面nth-child 里的nth是什么意思
th是大部分英文序数词的结尾,所以nth就表示第n个
CSS文件里引入另一个CSS文件
1.在HTML中引入css的其中的两个方法
1.1 使用链接式
<link href="style.css" rel="stylesheet" type="text/css" />
1.2 使用导入式
<style type="text/css">
@import "style.css"
</st...
css3缩放 transform: scale() 使用缩放之后顶点对齐问题
css3缩放 transform: scale() 使用缩放之后顶点对齐问题
注意点:想要将缩放之后的div对齐顶点,那么需要将css属性设置为:transform-origin: 0 0
<div style="width: 900px; height: 900px; background: gray; overfl...
border-radius:50%及超过50%的表现形式
border-radius:50%和100%的区别
50%与100%表现一样是因为当临角两个弧半径之和超过临接边的长度时,浏览器会按照两个半径的比例缩小至刚好等于临接边的长度。
比如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta ch...
css提示invalid property value
网上复制了一段css代码,浏览器没有出现预定的样式,按F12打开调试模式,发现css属性前有个感叹号,鼠标经过提示“Invalid property value”无效的属性值,如图
应该是css有错误,后来发现css属性前的空格包含 “全角空格”,删了就可以了
复制空白粘贴到编辑器,然后切换到源...
css3之border-radius理解
通过设置元素的border-radius值,可以轻松给元素设置圆角边框,甚至实现绘制圆、半圆、四分之一的圆等各种圆角图形。
一、border-radius使用
border-radius的数值有三种表示方法:px、%、em,
对于border-radius的值的设置,我们常用的有三种写法:
(1)仅设置一个值
第一种...
css padding-top,padding-bottom 百分比值的使用(高度自适应)
当padding-top,padding-bottom,margin-top,margin-bottom的值设为百分比时,计算结果是参照父元素的宽度
比如:父元素宽度是100px, 子元素padding-top:50%,那么padding-top的实际值就是100*50%=50px
CSS3 - 鼠标经过图片(表情)缓慢放大、鼠标离开缓慢还原
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to...
CSS calc() 函数用于动态计算长度值
定义与用法
calc() 函数用于动态计算长度值。
需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);
任何长度值都可以使用calc()函数进行计算;
calc()函数支持 "+", "-", "*", "/" 运算;
calc()函数使用标准的数学运算优先级规则;
支持版本:CSS...
display:flex弹性布局
一:display:flex 布局
display:flex 是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持。
Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布...
关于本站
“最难不过坚持”
本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作
有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339
2688
39
分类目录
最新评论
- https://jueru.net/
-
- :weixiao:
-
- :shuijiao: :weiqu: :zhenbang: :leng:
-
- :yiwen: :yiwen: :yiwen: :yiwen:
-
- 这个业务逻辑多少都有点奇怪了,阅读浏览次数增值在新闻详情页的控制器方法里setInc,这怎么还写进模型事件里了。如果非要用onAfterRead也可以,把新闻文章的内容单独分出来一个news_content表,然后把它和news做关联,然后给news_content表的onAfterRead事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
-
文章标签更多