笔记
seeyouhao
这个作者很懒,什么都没留下…
展开
-
CSS3
一,渐进增强/优雅降级:css3存在一些浏览器不能识别的语法规则,为了考虑兼容渐进增强:从最基本的版本开始,保证最基本的功能的实现,然后在针对性的考虑高版本,提升用户体验优雅降级:开始就构造特别完美的需求方案,在针对性的,减少用户体验,向低版本过渡二,css属性选择器:通过html属性选择对应的标签1.选择符[属性名]{ } 当一个元素有当前html属性值名称则匹配成功2. 选择符[属...原创 2020-04-12 21:06:35 · 113 阅读 · 0 评论 -
数据类型的转换和运算符
一、数据类型的转换为什么要转换?如果,用户或者计算机给了一个数据并不是我们当前程序所需的数据类型,那就需要转换;数据类型的转换方法(2种)强制转换(主动转换)常用到的就是字符和数值之间的相互转换a、 字符转数值parseInt(要转换的数据或变量)- 从左向右依次检测,遇到第一个非数字的字符,停止转换- 忽略小数点后所有的内容,其实是将小数点识别成了非数字- 如果第一位就是非...原创 2020-04-24 09:35:42 · 265 阅读 · 0 评论 -
媒体查询,移动端准备工作
媒体查询:由设备类型、检测设备特性表达式构成语法:@media 设备类型[all\screen] and (条件表达式){css样式}and两侧必须有空格 not放在设别类型的前面(反向选择,排除某个范围)媒体查询:作样式微小调整 如浮动、显示隐藏、文本大小、宽高移动端准备工作a. meta标签的设置:视口1:1比例 禁止用户缩放b. retina屏 视网膜高清显示屏ppi:每英寸所...原创 2020-04-24 09:27:45 · 140 阅读 · 0 评论 -
弹性盒模型,多列
怪异盒模型: 触发怪异盒模型: box-sizing: border-box;怪异盒模型的特点:padding和border都会在元素的宽高内部弹性盒模型:弹性盒子:布局方案。 作用:控制离他最近的一层子元素,布局方式 特点:(1)弹性盒子里边的离他最近的一层子元素都可以添加大小 (2)如果想让弹性盒...原创 2020-04-14 18:38:17 · 461 阅读 · 0 评论 -
2d
2d功能函数:2d的位移, 2d的旋转,2d的倾斜,2d的缩放2d的位移:transform:translate(x,y);transform:translateX(x轴移动的距离)transform:translateY(y轴移动的距离)2D的缩放: transform:scale(x,y);x , y 这两个参数为一个数字,大于1放大 小于1缩小transform:scale...原创 2020-04-07 17:56:43 · 171 阅读 · 0 评论 -
渐变+过渡
1.浏览器前缀 很多css属性,最初的六篮板没有形成最终的正式版,但浏览器为了对这些新属性形成支持,主流浏览器提供属于自己的语法规则“浏览器前缀”-webkit- 谷歌、苹果浏览器前缀-moz- 火狐浏览器前缀-ms- IE浏览器前缀-o- 欧鹏浏览器前缀添加浏览器前缀:兼容模式不添加浏览器前缀:标准模式2.渐变 背景色在多个颜色之间平稳的过渡线性渐变:从一个方向到另一个方向的颜色...原创 2020-04-07 16:57:11 · 211 阅读 · 0 评论 -
表格表单补充及BFC
1.表格标签的补充:a.表格的数据分组< thead>< thead> 表头< tbody>< /tbody> 表体< tfoot>< /tfoot> 表尾一个表格有一个表头和表尾,但可以包含多个表体b.列标题标签< th>< /th> 默认的样式:左右居中 文本加粗c.表格标题< c...原创 2020-04-01 20:51:06 · 142 阅读 · 0 评论 -
前端自学-高度坍塌出现的场景及解决方法
高度坍塌出现的场景:当子元素有浮动,父元素没有高度的时候,父元素会出现高度坍塌注:浮动的子元素不会撑开父元素的 height 或者是min-height。解决高度坍塌的方法:1:给出现高度塌陷的元素添加:overflow:hidden; 原理:overflow:hidden;触发了一个 BFC(布局逻辑) BFC规定:计算BFC高度时候,浮动元素也参...原创 2020-03-31 18:17:51 · 206 阅读 · 0 评论 -
定位
position:static,absolute,relative,stickyposition:fixed;固定定位a:参照物,浏览器窗口。b:不占据空间脱离布局流。让一个元素在浏览器窗口左右上下居中:方法一:position:fixed;left:50%top:50%margin-left:-元素宽度一般;margin-top:-元素高度一般;方法二:position:fi...原创 2020-03-30 13:21:16 · 87 阅读 · 0 评论 -
元素类型里的一个特殊的元素类型(行内块元素)和定位
行内块元素特点:1可以设置宽高2在一行内逐个显示3当前元素的display的值为inline-block能支持vertical-align属性vertical-align:;垂直对齐。top(顶部对齐),bottom(底线对齐),middle(中线对齐),baseline(基线对齐)让一个元素在父元素里面左右上下居中方法:1:给父元素添加text-align:center (左右居中...原创 2020-03-27 21:11:42 · 309 阅读 · 0 评论 -
新闻列表流程
新闻列表的流程:1:结构:a:如果新闻后面有时间:lia href="#">新闻条新闻条新闻条新闻条新闻条aspan2020-03-25spanlib:如果没有时间lia href="#“”>新闻条新闻条新闻条新闻条新闻条ali 2: 给li添加宽高,高度量取的时候,量行高就行。 3: 给新闻内容a 和 时间的span 添加浮动。一左一右 ...原创 2020-03-26 22:47:20 · 138 阅读 · 0 评论 -
元素类型
css的显示对标签分类:块状元素内联元素(行内元素)第三类(争议点):a:可变元素b:行内块元素元素类型分类:块状元素,内联元素,可变元素。注:把行内块元素归在内联元素这一类里边。默认情况下元素类型每个类型特点:块状元素特点:a:在页面中以矩形区域显示。b:自上而下排列,独占一行。c:可以直接添加宽高。d:一般情况下,作为其他元素或内容的容器内联元素特点:a:在页面中最...原创 2020-03-26 22:42:40 · 185 阅读 · 0 评论 -
padding和margin的用法
padding的用法: 1: padding是长在内容和盒子之间的,在盒子内部。 2:padding是为了调整 子元素 在 父元素里面位置关系。 3:padding的特点:padding值会把盒子撑大。 4:如果想让盒子保持原有大小,需要在宽高的基础上减掉padding值。 5:给单一方向设置padding值: padding-lef...原创 2020-03-24 19:27:59 · 1080 阅读 · 0 评论 -
css选择符权重及css文本属性
选择符的权重: id > class > 标签四个数字表示权重: 内联样式表 -> 1000 id -> 100 class -> 10 标签 -> 1 伪类选择符 -> 10 通配符 -> 0 包含选择符的权重为权重之和 ...原创 2020-03-20 21:56:13 · 157 阅读 · 0 评论 -
css样式表权重关系及css选择器的特点及应用
css样式表的权重关系:内联样式表的权重最大!内部和外部样式的权重,和书写的前后顺序有关。(放在后面的会把放在前面的样式覆盖掉,覆盖的只是相同属性的样式,不同属性的样式会继续执行。)!important -> 当前声明具有最高权重!语法:background:red!important;css语法:选择符{属性:属性值;}一:类型选择符(标签选择符) 所有的html...原创 2020-03-19 21:27:59 · 333 阅读 · 0 评论 -
html表格知识点
html表格的作用: 显示数据每一个表格都是一个table ,tr:行 td:列html的属性 width(宽)height(高)border(边框)bordercolor(边框颜色)cellspacing=" " 相邻单元格边框间的间距cellpadding=" “内容距离边框之间的间距align=” “水平对齐方式 属性值: left center rightvali...原创 2020-03-18 22:13:18 · 215 阅读 · 0 评论