- 博客(12)
- 收藏
- 关注
原创 HTML和CSS复习
<a href="">阿里安全</a></span><b>|</b><span class="border"><a href="">支付宝</a></span><b>|</b><span class="border"><a href="">钉钉</a></span>例如: <b>|</b><span class="border"><a href="">友盟</a>
2024-03-03 19:30:45 1374
原创 响应式布局与vw
Bootstrap 是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS和JAVASCRIPT的,它灵活简洁,使得Web开发更加迅捷中文官网: http://www.bootcss.com/官网: http://getbootstrap.com/推荐使用: http://bootstrap.css88.com/框架: 顾名思义就是一套架构,他有一套比较完整的网页功能解决方案,而且控制权在框架本身,有预制样式库、组件和插件。
2024-02-18 13:39:55 584 1
原创 移动WEB开发三种布局
1. 移动端浏览器我们主要对webit内核进行兼容2. 我们现在开发的移动端主要针对手机端开发3. 现在的移动端碎片化比较严重,分辨率和屏幕尺寸大小不一样4. 学会用谷歌浏览器模拟手机界面以及调试数值越小排列越靠前。默认为0. (order为同一平面排列顺序)注意:和z-index不一样 (z-index为不同平面重叠排列顺序)
2024-02-04 17:51:54 807 1
原创 周末总结6
(定义列宽的算法,fixed表示根据列表的宽度自动计算宽度,每列的宽度为均分整个表格的宽度)eg:width:calc(100% -190px);渐变色: background-image:linear-gradient(to right,#fff,#fac)inset: 可选,将外部阴影(outset)改为内部阴影(inset) (默认为外部阴影,但不能书写outset)paddding: 5px 10px 20px 30px;上为5px,右为10px,下为20px,左为30px。
2024-01-21 17:21:59 843 1
原创 周末总结5
设置图片区域的before,可以给伪元素选择器里添加字体图标,也可给内容区加上图片,设置插入播放图片的宽度和高度都撑满,为了让插入的图片居中,则设置text-align和line-height即可;2. 在这里,还有另一种巧妙的方法:不用设置span元素,设置a元素高度为0,接着设置其padding-top为适宜像素,此时文字会被挤下去,这时只要设置overflow为hidden即可。2.在input元素外面套一个form(表单元素),form里再加一个子元素button,button里又有i元素(图标)
2023-12-10 12:45:04 1312
原创 周末总结4
input type="text" class="txt" placeholder="电影、书籍、音乐">- 头部、热门、页脚、其他区域。4. 完成页面的顺序。
2023-12-03 14:43:04 379 1
原创 周末总结2
视觉格式化模型,大体上将页面中盒子的排列分为三种方式:1. 常规流2. 浮动:float3. 定位:position定位:手动控制元素在包含块中的精准位置涉及CSS属性:position。
2023-11-19 15:39:19 34 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人