- 博客(6)
- 收藏
- 关注
原创 js 获取当前时间 年月日时分秒 星期天数
var weekArr = [‘星期一’, ‘星期二’, ‘星期三’, ‘星期四’, ‘星期五’, ‘星期六’, ‘星期天’];var seconds = date.getSeconds() //秒。var year = date.getFullYear() // 年。
2024-06-15 17:30:15
1072
原创 精灵图,字体图标,css三角,鼠标样式
精灵图:是为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,将网页中需要使用的多张小图片整合到一张大图中,这样只要向浏览器发送更少次数的请求即可获得更多的图片。精灵图主要针对背景图片使用。缺点就是:本质还是图片,文件体积较大,图片在高清屏幕上放大和缩小会失真(在手机上尤为明显),图片制作完毕要更换比较复杂。字体图标:字体图标是为前端工程师提供一种方便高效的图标使用方式;展示的是图标,本质属于字体;因为字体图标的本质是字体,所以我们可以给字体图标更改大小或颜色。轻量级:一个图标字体要比一系
2020-11-09 20:40:26
245
原创 css定位,相对定位,绝对定位,子绝父相
定位 = 定位模式 + 边偏移 定位模式:用于指定元素的定位方式,通过 position 属性设置 边偏移:根据定位模式确定最终位置,通过 top 、 bottom 、 left 、 right 四个属 性设置边偏移:top 顶端偏移量,定义元素相对于其参照元素上边线的 距离。bottom 底部偏移量,定义元素相对于其参照元素下边线的 距离。left 左侧偏移量,定义元素相对于其参照元素左边线的 距离。right右侧偏移量,定义元素相对于其参照元素右边线的 距离。相对定位:position: re
2020-11-09 20:31:15
1169
原创 圆角边框边距,盒子文字阴影,浮动元素,清除浮动的方法
圆角边框:border-radius:legth圆角矩形:border-radius:加高度或者宽度的一半盒子阴影:box-shadow:后面有六个值。(不影响页面布局,放心使用)文字阴影:text-shadow:后面有四个值。浮动:float浮动特性:1.脱离标准流(脱标)。一行显示并且顶部对齐。具有行内块元素的特性盒子脱标后不会保留原有位置,后续的盒子会占据被浮动盒子原有的位置2.浮动元素之间不会有缝隙,会按照顶部对齐。3.如果父级盒子宽度装不下浮动的盒子,上一排空间不够的盒子会被挤下来
2020-11-05 20:53:03
336
原创 css三大特性,复合选择器,边框,内边距,外边距,清除内外边距
CSS 三大特性:层叠性、继承性、子元素会继承父元素的某些样式,如文本颜色、字体属性等行高的继承:如果盒子没有高度 ,就以行高为准。当前元素文字大小的1.5倍数,就是行高的大小继承或 * 0,0,0,0标签选择器 0,0,0,1类选择器 / 伪类选择器 0,0,1,0id 选择器 0,1,0,0行内样式 1,0,0,0!important ∞无穷大复合选择器• CSS 盒子模型:内容(),边框(border),内边距(padding),外边距(margin)border-wid
2020-11-05 20:49:30
1383
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅