自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 选择器的应用

1.属性选择器:[type=text]、[type=submit]属性选择器直接定位到某个身上[type=http://www.baidu.com](错误写法)[type="http://www.biadu.com"](正确学法)因为属性选择器不能识别":/.空格"必须用双引号括起来[type^="http"]"^"表示从头开始改变""里面的标签[type$="http"]"$"表示从结尾开始改变""里面的标签2....

2021-07-27 19:54:19 81

原创 表单的总结

表单: 收集用户信息2.表单的组成部分:表单域【表单的区域】+表单控件【input】+提示信息【请输入姓名】3.应用:登录注册页面等等4.表单控件: 单选框:只能选一个,必须有属性name,而且name属性值必须一致【同一组单选框】 type="radio" 复选框:可以选择多个 type="checkbox" 选择文件: type="file" 下拉菜单: <select> ...

2021-07-26 20:16:04 60

原创 高度塌陷总结

清除高度塌陷的三种方法: 1.给产生高度塌陷的元素加overflow:hidden 实现原理:触发bfc,bfc在计算高度时会把浮动的元素的高度计算在内 缺点:如果有定位元素时,则会隐藏【切记!!!】 2.给产生高度塌陷的元素最后面添加一个div: 并且给它设置高度为0,clear:both【清除浮动对添加div的影响】 产生原理:清除浮动带来的影响 3.万能法: :after{ content:'.';...

2021-07-22 22:43:19 57

原创 定位的方法

定义:给定元素一定的位置作用: 实现侧边导航栏、网页中的广告 一:固定定位 语法: position: fixed+便偏移量【left/top/right/bottom】才能让元素达到自己想要的位置 应用: 网页广告 二: 粘性定位 语法: position:sticky 应用: 参考苹果官网导航栏 实现效果: 如果前面有元素,并且元素有高度,那么他会划过元素高度之后再执行固定定位; 如果前面元素没有或者元素的高度之和小于...

2021-07-20 19:19:32 118

原创 盒子模型css

/*内容区:设置宽度和高度就是内容。边框border设置的种类:border-width边框的宽度(1px)border-style边框的样式border-color边框的颜色border-width:1px2px3px4px;从上面开始,沿顺时针方向取值...

2021-07-18 10:01:55 42

原创 文本背景列表的属性

font-size字体大小font-size属性值:单位可以是px,pt,em等12pt=16px1em=16px浏览器默认是16px,设计图常用字号是12px16px=12pt=1em默认大小为16px字体样式【微软雅黑】color颜色属性值:颜色的英文/16进制【#FFFFFF】/rgb【255,255,255】font-family字体样式属性值:楷体font-weight加粗font-we...

2021-07-15 19:10:53 108

原创 认识css的基本使用

1. 什么是css? Cascading Style Sheet 层叠样式表语言(不是编程语言,属于样式表语言,没有变量,数据类型,控制语句) css其实是专门用来修饰HTML的,让HTML更好看 css是HTML的化妆品2. css是为HTML服务的,所以HTML还是主体,css是依附在HTML上的所以进行css的开发,我们还是需要新建html/htm文件、3. 在HTML中怎么嵌入css样式呢?三种方法: 第一种方法:内联定义 第二种方法:定义内部...

2021-07-14 18:40:19 82

原创 认识HTML

<html> <head> <meta charset="utf-8"> <title>基本标签</title> </head> <body> <!--段落标记--> <p></p> <!--标题字--> <h1>标题字</h1> <h2>标题字&lt...

2021-07-14 18:38:50 43

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除