html、css 百度静态页面
百度页面 扒了一个百度的静态页面: 效果图: 其中搜素框的小图标使用的是精灵图 1.html <!DOCTYPE html><html lang=\"en\"><head><meta charset...
百度页面 扒了一个百度的静态页面: 效果图: 其中搜素框的小图标使用的是精灵图 1.html <!DOCTYPE html><html lang=\"en\"><head><meta charset...
普通的input[type=‘file’]的效果很朴素可以自定义一个file选择文件的按钮: 思路为:用定位将自定义的按钮遮住原来的选择文件按钮,再让点击自定义按钮时触发原来的选择文件按钮的事件即可(对此,label可实现) eg:html...
div:first-child&div :first-child的区别 div:first-child属于组合选择器既满足是div元素,又满足是父级元素的“第一个孩子”,至于父级元素是谁,无所谓。 div :first-child属...
使用html、css实现了一个轮播图 图片用的是一样大小的图 html <!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"&...
实现元素或图片的上下、左右居中的三种方法 效果图如下: 方法一:利用vertical-align属性实现图片上下居中 先设置父元素样式text-align: center,实现图片左右居中,给图片添加一个同级的span标签,设置宽度为零,高...
08 .clearfix::before,.clearfix::after{content: \”\”;display: table;clear: both;} clearfix这个样式解决高度塌陷和外边距重叠,常用...
一、HTML标签的id和class属性和HTML标签的关系•id属性值和HTML标签的关系:就像身份证号码和我们之间的关系差不多,具有唯一性,也就是说在同一个页面中相同的id只能出现一次。•class属性值和HTML标签的关系:就像名字和我...
1、HTML2、开发环境编辑器vscode(sublime)下载插件 open in browser浏览器firefox服务器阿里云,部署代码 3、开发流程1.项目的原理公司的UI负责(一个人)2.根据原型编写代码3.4.将项目部署到服务器...
css选择器及举例
.person{display: flex;justify-content: left;align-items: center;margin: 10px 0;padding: 0 15px;.div1{width: 38px;margin-...