ccx_zb-CSDN博客

原创 css的渐变与过渡

css3浏览器前缀1.-ms- -ms-box-shadow IE浏览器专属的CSS属性需添加-ms-前缀2.-moz- -moz-box-shadow 所有基于Gecko引擎的浏览器（如Firefox）专属的CSS属性需添加-moz-前缀3.-o- -o-box-shadow Opera浏览器专属的CSS属性需添加-o-前缀4.-webkit- -webkit-box-shadow 所有基于Webkit引擎的浏览器（如Chrome、Safari）专属的...

2021-07-29 20:33:11 345

原创 H5相关的标签

H5的语法：1.内容类型（contentType）HTML5的文件扩展符与内容类型保持不变，仍然为“.html”或“.htm”。2.DOCTYPE声明<!DOCTYPE html>不区分大小写。3.指定字符集编码 <meta charset="UTF-8">。4.可省略标记的元素不允许写结束标记的元素(单标签）：br、col、embed、hr、img、input、link、meta 。5.可以省略结束标记的元素（双标签）：li、dt、dd、p、op...

2021-07-28 21:33:28 154

原创 2021-07-27 BFC及css选择器的总结

BFC：定义：块级格式化上下文作用：相邻元素垂直外边距合并1.margin-top ：值传递【子元素设置margin-top之后，父元素会随着下移2.高度塌陷：父元素没有设置高度，子元素设置浮动之后高度会发生塌陷3.布局：【两栏布局，双飞翼布局】解决：float浮动，position：fixed固定定位，position：absluate绝对定位。触发BFC之后会把元素作为块级元素来处理BFC的六个特性：Box垂直方向的距离由margin决定，属于同一个BFC的两.

2021-07-27 20:22:36 159

原创表单和BFC

表单：表单的作用：提交或者收集数据用的应用场景：登录注册界面表单的组成：①表单域： <form name="" method="get/post" action=""></form>②表单控件： <input type="text" value=""/>③提示信息主要结构：<form action=""></form>1.单选框：radio1.选中之后无法取消name属性相同来达到互斥效果， ..

2021-07-26 22:31:30 85

原创表格的基本属性和常用的css样式

1.表格的创建2.表格相关属性注意：在tr中不能设置高度1.宽度：width2.高度：height3.边框：border4.边框颜色：bordercolor5.背景颜色：bgcolor6.文字水平对齐 align=“left或right或center”7.文字垂直对齐：valign=“top或middle或bottom8.cellspacing=”单元格与单元格之间的间距“ 在table里面9.cellpadding=”单元格与内容之间的空隙“ 在ta..

2021-07-23 21:58:55 561

原创 2021-07-22文本溢出及宽高自适应相关属性

垂直对齐：在垂直方向设置元素的位置。应用场景：logo垂直居中，下拉菜单垂直居中，控制文本与图片的位置。语法：vertical-alignvertical-align：middle/text-top/top/text-bottom/bottom/baseline默认bottom如果父级元素设置了line-height那么父级元素在div的最下方top设置line-height没有太大影响，带有text的会有影响middle实现垂直居中text-top【】text-bott

2021-07-22 22:03:21 331

原创 2021-07-20 各种定位与侧下拉列表的集合

：hover的延申a:hover 鼠标悬停时链接的变化鼠标悬停时内容的隐藏与显示选择器：hover要显示的元素【必须在选择器里面】{} a 标签可以切换为其他的选择器兄弟选择器：P+a:相邻的紧挨着的下一个元素。p~a:后面的所有的元素。1.固定定位：语法：position:fixed+边偏移量【left/top/right/bottom】才能让元素达到自己想要的位置应用：参考小小千实现效果：div或者某些元素固定...

2021-07-20 21:33:49 78

原创 CSS的核心属性

主要内容：<1>. 文本设置<2>. 列表设置<3>. 背景设置一：文本设置：1．颜色：color 属性值：颜色的英文/16进制的颜色/rgb2. 字题大小：Font-size:1em=16px,12pt=16px,默认字体16px;微软雅黑3. 字体：font-family:楷体4. 字体样式：font-style5. 加粗：font-weight:bold/;border/600~900 变细：font-weight:li..

2021-07-15 20:53:33 196

原创 From表单和CSS基础

Form表单:用来收集用户信息，常在【用户的登陆注册界面】基本的语法结构：<form></form>文本框：<input type=”text”>密码框：<input type=”passwd”>按钮：<input type=”button”>提交按钮：<input type=”submit” value=””>重置：<input type=“reset” value=””>图片按钮：&lt...

2021-07-14 22:09:08 470 1

原创 html5初始知识学习总结

1. 什么是h5?Html的第五代，是一类技术的总称。2. H5可以干什么？所有人机交互的界面。3. 一个项目的组成 a. 产品经理（根据用户需求，制作需求文档） b. Ui设计（页面的切图） c. 前端（实现ui设计图的界面，与后端的交互） d. 后端（实现相对应的功能：登录） e. 测试（测试程序是否存在bug）4. 一个界面的构成Html(骨架)+css(样式)+js(行为)W3c ...

2021-07-13 21:01:48 112 1

ccx_zb的博客