css
文章平均质量分 63
css的学习
oxygen_ls
坚持
展开
-
从0开始学web-day19
携程页面的书写原创 2022-01-27 11:21:44 · 192 阅读 · 0 评论 -
从0开始学web-day5
1.复习2.css的叠层css的层叠层叠:给一个元素同时使用多个选择器或者是样式表属性是相同的,但是属性值是不同的,最终生效的是谁样式表:行内的优先级最高,内部和外部与书写顺序有个就近原则选择器:默认情况下看选择器的权重,如果权重相同是就近原则如果存在!important就生效这个如果都存在!important就按照选择器的权重,如果权重相同就就近原则如果自身没有从父元素中继承,就近原则如果自身有就肯定会生效自身的3.颜色的设置1.文字颜色 color颜色的色值:css2.01原创 2022-01-20 19:43:42 · 263 阅读 · 0 评论 -
从0开始学web-day1
开始温习以前学习的web知识希望可以更进一步写此博客用于记录自己的学习进度如果有需要的小伙伴,也可以跟着我的进度一起学习,一起进步此次学习用的编辑软件是vscode如有错误,欢迎指出,共同进步1.web的组成:结构(html)表现(css)行为(js)2.打开控制台的方式1.浏览器–》右键–》检查 2.ctrl+shift+i 3.f12(fn+f12)3.htmlhtml:超文本标记语言html5:html的第五次重大修改html的作用:用来搭建网页的结构4.代码编辑工具v原创 2021-11-17 17:12:21 · 187 阅读 · 0 评论 -
从0开始学web-day11
1.复习2.html兼容<!-- html兼容 --> <!-- lt小于 lte小于等于 gt大于 gte大于等于 --> <!-- [if lt IE 9]> <h1>标题文字</h1> <![endif]-->3.css的兼容 *ie7以下支持 属性前边随意添加前缀 _ie6以下支持 属性值后边添加\0 ie8以上支持 属性值后原创 2022-01-21 08:44:52 · 233 阅读 · 0 评论 -
从0开始学web-day17
了解bootstrap原创 2022-01-23 09:59:58 · 457 阅读 · 0 评论 -
从0开始学web-day14
结构伪类选择器,阴影属性,背景属性,圆角属性,背景渐变原创 2022-01-23 09:37:35 · 304 阅读 · 0 评论 -
从0开始学web-day16
关键帧动画,模拟轮播图,弹性父元素,弹性子元素原创 2022-01-23 09:54:08 · 315 阅读 · 0 评论 -
从0开始学web-day7
1.复习2.盒子模型1.盒子的组成:内容(content)外边距margin 内边距padding 边框border2.外边距 margin 盒子与盒子之间的空隙(盒子的外部)外边距不能出现背景颜色设置一个值代表是上下左右都是这个值设置两个值1 值2 ,值1是上下 值2是左右设置3个值 值1 值2 值3 , 值1是上 值2是左右 值3是下设置4个值 值1 值2 值3 值4 , 值1是上 值2是右 值3是下 值4是左margin:0 auto; 实现盒子的水平居中 上下为0 左右自动可以原创 2022-01-20 20:57:16 · 317 阅读 · 0 评论 -
从0开始学web-day2
属性分类(img标签为例)必有属性:src alt可选属性:width height全局属性:class id style title事件属性:onclicksrc图片路径alt替换文字 当图片发生错误时显示的内容路径相对路径 绝对路径绝对路径(不常用)相对路径(常用)<!-- 相对路径 当前目录与目标文件在同一文件夹下 直接写 目标文件名+拓展名--> <img src="./pic1.png" alt=""> <img src=.原创 2021-11-19 17:20:23 · 384 阅读 · 1 评论 -
从0开始学web-day15
1.复习2.过渡属性过渡属性 transition作用:可以看到从一种状态到另一种状态的过程transition放在初始状态上,鼠标悬停和离开都存在过渡,放在鼠标悬停位置上只要悬停时存在过渡transition:时间(默认0) 属性(哪个属性存在过渡 默认是all) 延迟执行时间 运动形式 , 复合属性过渡属性不支持 display :none display:block可以设置哪个属性先存在过渡,然后利用延迟设置另一个属性,中间用逗号隔开3.倾斜transform:skew(角度)内原创 2022-01-23 09:44:49 · 210 阅读 · 0 评论 -
从0开始学web-day10
定位属性、定位层叠、水平垂直居中原创 2022-01-21 08:35:10 · 225 阅读 · 0 评论 -
从0开始学web-day12
麦田国际网页原创 2022-01-21 09:02:46 · 288 阅读 · 0 评论 -
从0开始学web-day3
1.表格的分组表格按照数据行分组:表头thead 表体tbody 表尾tfoot注意:thead tbody tfoot 要用就一起使用 要么都不用 thead tfoot只能存在一个 tbody可以存在多个使用顺序thead tfoot tbody(有利于用户体验和后期其他工作)表格的列标题:td换成th th默认加粗水平垂直居中表格的标题:caption表格的分割线:rules=“none,all,cols,rows,groups”groups需要配合col或者colgroupcol没有原创 2021-11-19 20:14:31 · 151 阅读 · 0 评论 -
从0开始学web-day13
新增标签,伪类选择器,否定伪类选择器原创 2022-01-23 09:28:11 · 107 阅读 · 0 评论 -
从0开始学web-day4
很久没更新这个web的小系列了,因为才打算更新没多久之后就生病了,加上生病之后更懒了,就一直没有更新,终于在今天有接着更新了~~~~00.复习01初识csscss:层叠样式表作用:修饰html标签(html的化妆师)css的优势(好处):1.弥补html本身标签的不足2.减少冗余代码,减少文件体积,提高页面加载速度,减少网络带宽占用3.对网页改版重构有很好的支持4.有利于搜索引擎优化(SEO)02css的语法css的语法css由两部分组成:选择器 和 声明 声明包括属性和属性值语法原创 2022-01-15 09:40:16 · 202 阅读 · 0 评论 -
从0开始学web-day9
1.复习2.水平垂直居中水平居中:内联 行内块 单行文本 多行文本text-align:center 块级 margin:0 auto垂直,固定高度 内联 单行文本 line-height 行内块:如果一行存在多个 高度不一致块级 padding 或margin非固定高度 单行文本、内联用、行内块、块级padding表格实现水平垂直居中很方便,但是不能换行显示display:table-cell大多数块级元素的display:属性值为block table特殊 li特殊 list-item原创 2022-01-21 08:23:51 · 235 阅读 · 0 评论 -
从0开始学web-day6
1.复习2.边框属性边框属性boder是一个复合属性border:颜色 粗细 线型border-color 颜色border-width 粗细border-style 线型 none 没有 solid实线 dashed虚线 dotted点状线 double双实线可以单独设置某一方向 border-left、top、right、bottom利用边框制作三角形3.浮动属性float属性:值 none默认值 left right作用:让竖着的东西横过来效果:左浮动是正序 右浮动是倒序(因原创 2022-01-20 20:44:18 · 503 阅读 · 0 评论 -
从0开始学web-day8
1.复习2.margin和padding的使用margin与padding的使用设置两个元素之间的空隙不存在背景颜色和边框:用margin或padding都可以存在边框,如果空隙在边框线以内用padding 在边框线外用margin存在背景颜色,如果空隙有背景颜色用padding,没有背景颜色用margin3.margin的塌陷margin的塌陷:一个大盒子里放置的小盒子 第一个小盒子的margin-top和最后一个小盒子的margin-bottom会传递给父元素解决方式:1.让这个元原创 2022-01-20 21:12:56 · 357 阅读 · 0 评论 -
从0开始学web-day18
多列布局,网格布局,双飞翼,圣杯原创 2022-01-23 10:23:21 · 598 阅读 · 0 评论