- 博客(18)
- 收藏
- 关注
原创 js基础运用-右键菜单
1. 出现alert弹出框2. 选择是否离开 离开则关闭页面,取消则留在页面3. 选中页面中的文字跳转百度搜索,如果没选中提示选中文字提示4. 用户输入内容跳转搜索 ,取消则留在页面
2017-01-07 17:24:56 417
原创 媒体查询
媒体查询是界面为了适应不同屏幕大小而存在的基本语法是:@media mediatype and(在)| not(不再)|only (仅在)(media feature (设备尺寸)) { CSS-Code; }body{ background-color:grey; //正常情况是灰色 } @media
2016-12-10 20:25:03 1332
原创 弹性盒模型
目的:在浏览器窗口变化时,盒子相应改变大小。设置了弹性盒模型后,float,clear和vertical-align在flex中不起作用。
2016-12-04 17:45:58 311
原创 position定位
position属性是指本体相对于上级的定位position定位又分绝对定位和相对定位。它的默认值是static,意味着元素没有被定位,出现在文档流中应该出现的位置。如果用position来布局页面,父级元素的position属性必须为relative或absolute。行元素只有加了position:absolute后才可设置宽和高。static、rela
2016-12-04 17:23:22 406
原创 display属性
display常见属性值1. none:隐藏对象。注意:隐藏元素时visibility:hidden和opacity:0会虽然会将元素隐藏,但是物理空间实际存在,display:none隐藏元素后连物理空间也不会存在了2. inline:指定对象为内联元素 a{ background:orange; width:100px; height: 100p
2016-12-04 17:10:51 423
转载 css小知识杂记
一css加载方式link和@import的区别,为什么不推荐使用@import? 1. @import是CSS提供加载样式的一种方式,只能用于加载CSS。link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等。 2. 加载顺序的差别。当一个页面被加载的时候,link引用的CSS会同时被加载,而@import引用的CSS会等到页
2016-11-25 15:58:35 294
原创 css实现鼠标悬停时滑出层
*{ margin: 0; padding: 0; } ul{ display: inline-block; background: red; width: 300px; height: 250px; }
2016-11-25 15:50:23 1751
原创 CSS浮动(float)
清除浮动的常用方式:1.结尾处加空div标签 clear:both (或在下一个元素上加clear:both;)2.父级div定义 伪元素:after 和 zoom 3.父级div定义 overflow:hidden
2016-11-24 15:21:50 463
原创 css3 3d
transformtranslate(x轴,y轴, ) 能够改变位移,沿x轴,y轴移动距离改的是用户看见的样式,对于元素本身而言没有改变scale() 缩放 里面的值是缩放多少倍,没有单位rotate() 旋转 单位是degskew(水平,垂直) 翻转
2016-11-23 10:34:32 266
原创 css3渐变,圆角,阴影
渐变线性渐变 .box{ width: 200px; height: 100px; background: linear-gradient(red,blue); /*background: linear-gradient(to bottom,red,blue);表示从上到下颜色渐变*/ /*渐变可以添加多个颜色b
2016-11-23 09:53:52 573
原创 选择器
伪类选择器1.E:link 设置超链接没有在访问之前的样式(只对生效)2.E:visited 超链接在访问之后的样式(只对生效)3.E:hover 鼠标悬停时样式4.E:active 鼠标按下时的样式 5.E:not(S) 选择不含有s选择器的E6.E:first-child 选中父元素的第一个子元素7.E:last-child 选中父元素的
2016-11-21 16:11:30 287
原创 float和display:inline-block
float和display:inline-block 都能使两个块形元素并排下面是div部分代码 使用float时结果是 *{ padding: 0; margin: 0; } .left{ width: 50%; height: 100px; float: left;
2016-11-21 10:12:47 586
原创 list列表图标
方法一 ul li{ list-style:none; font-size:24px; line-height:30px; padding-left:40px; background:url(img/360.png) no-repeat; } 888 888 8
2016-11-20 15:25:16 769
原创 css基础
html决定结构,css控制样式,js决定行为。css能把样式和内容分开。后面的样式会覆盖前面相同的样式。样式表由选择器和声明两部分组成,选择器标识格式的元素,声明用于定义样式。.层叠样式表引入方式有:行内样式表(内联样式表:只用于当前元素)style=”” > 内部样式表 > 外部样式表 > 导入@ url (“test.css”);选择器:id选
2016-11-20 09:16:18 226
原创 表单二
fieldset可将表单的元素分组,一般与 legend一起用,legent可作为分组名字 健康信息 身高 体重 //disable会使下拉列表不可选,size表示可现实行数 北京//selected表示下拉表的选中项 上海//value表示要发给服务器的值 高度和宽度的单位是字符
2016-11-18 14:41:06 349
原创 html学习笔记---表单基础一
表单功能是用于搜集页面用户信息并发送给服务器,实现用户和服务器的交互。form是块级元素表单包含表单域 表单标签 表单按钮 /*url:form表单提交的地址 enctype:表单提交数据的编码(multipart/form-data:二进制) method:表单提交的方式*/ 用户名: 密码: input是自闭合标签,根据type的类型而改变t
2016-11-18 09:33:07 356
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人