![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5+css3
文章平均质量分 93
彼岸~流觞
一位在努力寻找生活目标的程序媛
展开
-
web前端基础 html5+css3(十三.移动端)
1.视口原创 2021-04-03 14:29:39 · 551 阅读 · 0 评论 -
web前端基础 html5+css3(十二.2D转换,动画,3D转换)
1.2D转换之移动translate(1)transform:translate(x,y);transform:translate(100px,100px);(2)transform:translateX(n);transform:translateX(500px);(3)transform:translateY(n);transform:translateY(500px); div{ width: 200px; height: 200px; backgrou原创 2020-10-12 23:33:26 · 1223 阅读 · 0 评论 -
web前端基础 html5+css3(十一.SEO优化)
1.原创 2020-10-07 22:21:26 · 233 阅读 · 0 评论 -
web前端基础 html5+css3(十.html5css3新特性)
10原创 2020-07-14 23:11:58 · 395 阅读 · 0 评论 -
web前端基础 html5+css3(九.精灵图,字体图标,css三角,鼠标样式cursor,.轮廓线 outline,vertical-align,文本溢出显示省略号)
1.精灵图(有效减少服务器介绍和发送请求的次数,提高页面的加载速度)将网页的小背景图像整合到一张大图中,这样服务器只需要请求一次就可以了background-position (图片往坐标左边走)右正左负 下正上负x y------------------------------ x轴|| 图片 (小图片) 取到小图片就需要图片往坐标左边走||y轴.box1{width: 60px;height: 60px;margin:100...原创 2020-07-02 23:25:35 · 444 阅读 · 0 评论 -
web前端基础 html5+css3(八.定位与元素的显示隐藏)
1.定位top left right bottom(1)postion:static 静态定位(2)postion:relative 相对定位相对定位是相对于它原来的位置来说的(自恋型)不脱标,继续保留原来的位置.box1{ position: relative; left:20px; top:100px; width: 200px; height: 200px; background: blue;}.box2{ width: 200px; height: ..原创 2020-06-27 23:12:21 · 486 阅读 · 0 评论 -
web前端基础 html5+css3(七.PS切图与项目实战(学成在线))
1.PS切图(1)图层切图(2)切片切图(3)PS插件切图(cutterman)2.项目实战(学成在线)css属性的书写顺序1.布局定位属性:display/position/visibility/overflow(建议display第一个写,毕竟关系到模式)2.自身属性:width/height/margin/padding/border/background3.文本属性:color/font/text-decoration/text-align/w原创 2020-06-26 12:58:58 · 820 阅读 · 0 评论 -
web前端基础 html5+css3(六.圆角边框、盒子阴影、浮动)
1.综合案例:品优购快报去除li前的小圆点 list-style:none*{padding:0;margin:0;}.box{width: 248px;height: 163px;border: 1px solid #ccc;margin:100px auto;}.box h3{height: 32px;border-bottom:1px dotted #ccc;font-size: 14px;font-weight: 400;line-height: 32px;padding-left:原创 2020-06-25 10:32:48 · 869 阅读 · 0 评论 -
web前端基础 html5+css3(五.css的三大特性,盒子模型)
1.css的三大特性(1)层叠性(2)继承性(3)优先性原创 2020-06-24 01:32:11 · 398 阅读 · 0 评论 -
web前端基础 html5+css3(四.css复合选择器,css的元素显示模式,css背景)
1.emmet语法1.div+tab => <div></div>2.div*3 生成3个div3.父子级标签 ul>li => <ul><li></li></ul>4.兄弟级标签 div * p => <div></div><p></p>5.生成有类名或者id的 .demo 或 #demo + tab => <div clas...原创 2020-06-21 11:36:33 · 294 阅读 · 0 评论 -
web前端基础 html5+css3(三.css选择器:基础选择器)
css选择器:基础选择器,复合选择器1.标签选择器2.类选择器3.id选择器4.通配符选择器原创 2020-06-19 00:06:06 · 566 阅读 · 0 评论 -
web前端基础 html5+css3(二.html标签)
1.表格标签1.<table></table>:定义表格的标签2.<tr></tr>:定义表格里的行3.<td></td>:定义数据单元格的内容,必须嵌套在<tr></tr>中 <table> <tr><td>Name</td><td>sex</td><td>age</td></tr>原创 2020-06-18 00:01:48 · 140 阅读 · 0 评论 -
web前端基础 html5+css3
知识就像一张网,越实越牢,网住的鱼越多,基础是走向成功的基石,在码代码的过程中,有些时候因为基础不牢吃了许多苦头。从今天开始(2020.6.15)先把基础恶补起来。加油ヾ(◍°∇°◍)ノ゙!...原创 2020-06-16 23:25:40 · 323 阅读 · 1 评论