前端学习
✨Bar
这个作者很懒,什么都没留下…
展开
-
css_day10
字体图标文字放大文字的特点,哪怕文字再大,都不会失真。 /* 字体图标相对于图片的优点 */ /* 1.图片放大会失真,但是字体图标不会失真 */ /* 2.字体图标更改颜色只需要控制color属性即可 */第一种方法使用字体图标 <link rel="stylesheet" href="../font/iconfont.css"> <!-- 第一步,必须要链接iconfont.css文件 --> <style>原创 2021-03-11 01:50:07 · 127 阅读 · 0 评论 -
css_day9
元素的显示与隐藏1.display属性 /* display: none; */ /* 元素消失,不保留位置 */ /* 工作中用的最多 */ visibility: hidden; /* 元素隐藏,保留原来的位置 */2.overflow的使用 overflow: hidden; /* 超出隐藏 */ overflow: sc原创 2021-03-09 22:42:05 · 66 阅读 · 0 评论 -
css_day8
定位的量级标准流 一楼浮动流 二楼定位流 三楼(定位流可以覆盖浮动流,浮动流可以覆盖标准流) /* 定位元素,相互之间也有层级高低 */ /* 默认情况下,html结构代码越往后,那么层级就越高 */ /* 如果不想修改html的结构,但是也要修改盒子的层级———— z-index */ /* z-index只能控制定位元素的层级 */ /* 标准流与浮动流不能用z-index */原创 2021-03-08 21:28:24 · 55 阅读 · 0 评论 -
css_day7
浮动的影响 /* 在默认情况下,父盒子与子盒子都是标准流 */ /* 所以父盒子的高度由子盒子撑开 */ /* 当所有的子盒子都浮动了 */ /* 父盒子可能会失去高度 */ /* 父盒子是标准流,子盒子是浮动流 */ /* 浮动的元素不占据标准流位置 */ /* 清除浮动的影响:让父元素找回高度 */浮动的影响的解决高度法用overflow原创 2021-03-07 18:34:20 · 60 阅读 · 0 评论 -
css_day6
浮动的影响浮动的影响:当所有的子元素都浮动了,那么父元素有可能会失去高度。-为什么父元素会失去高度:一开始父元素有高度是由子盒子撑开————(父盒子标准流,子盒子标准流)当子盒子浮动之后,浮动的元素不会占据标准流的位置,所以没有办法撑开标准流的父盒子高度高度法解决` /* 高度法 */ /* 父元素没有高度,你就给他一个高度 */ height: 400px; /* 高度法非常好用,但是不是所有情况都合适 *原创 2021-03-07 15:42:00 · 60 阅读 · 0 评论 -
css_day5
登录模块练习/* 任何的项目开始之前,都必须要先设置好初始化代码 *//* 初始化代码:很多标签,在默认情况下有自带的css样式,例如a标签的下划线,li标签的小点点,p上间距,这些默认的样式,会影响到我们做布局,所以一开始的时候,就会手动将其清除 */*{ margin: 0; padding: 0; /* 清除默认的内外边距 */}a{ text-decoration: none; /* 清除a标签的下划线 */ color: #000;原创 2021-03-05 23:54:20 · 55 阅读 · 0 评论 -
css_day4
盒子模型的组成border边框 padding内边距 margin外边距关于盒子的边框默认的边框样式是none:没有边框边框样式是不可以不写的,一定要存在border-style: none;/* 没有边框 /border-style: solid;/ 实线 /border-style: double;/ 双实线 /border-style: dotted;/ 点线 /border-style: dashed;/ 虚线 */圆角边框 border-radius:20p原创 2021-03-04 22:27:08 · 90 阅读 · 1 评论 -
css_day3
后代选择器的复习只影响我们想要控制的,不要影响到别人后代选择器的层数:头尾皆得,中间找分叉的节点后代选择器的结构,有类名就尽量用类名CSS背景1.背景颜色—— backgro-color:rgb(255,0,0);2.颜色透明度1.backgro-color:rgba(255,0,0,1);a代表颜色的透明程度:0-10代表完全透明1代表完全不透明2.backgro-color:rgb(255,0,0)opacity:0.3; 控制背景颜色透明度0-13.backgro-c原创 2021-03-03 22:54:26 · 96 阅读 · 1 评论 -
css_day2
一、后代选择器(重要)1.选择器—只控制到我们想控制的,别的不影响到2.后代选择器1.选择器名之间用空格隔开2.后面的选择器名是前面的后代3.最终效果作用在最后一个元素上4.后代选择器中间的辈分可以省略,写3-5个层次即可3. .father .son .sun{color: red;}翻译:先找到father的元素,在找到里面的son,最好找到里面的sun从外找到内4.工作项目中,百分之九十九的选择器都是后代选择器5.后代:必须是标签嵌套子代选择器 1.选择器名之间的连接原创 2021-03-02 22:05:29 · 144 阅读 · 0 评论 -
css_day1
一、CSS层叠样式表主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等);图片的外形(宽度、边框样式、边距等)以及版面的布局和外观显示样式。二、引入CSS样式表(书写位置)1、行内式(内联样式):写在标签的内部,只能影响到当前的一个标签。2、内部样式表(内嵌样式):在head标签中写style标签,在style标签中写css样式代码,内嵌式的影响范围:影响到一整个页面。3、外部样式表(外链式):所有的页面都可以使用同一个外链式css文件影响范围:整个网站————也是工作中用得最多的方原创 2021-03-02 00:09:24 · 92 阅读 · 0 评论 -
html_day3
一、文件路径相对路径:从当前文件所在的目录开始写这个目标路径。相对路径的指代: …/ 当前文件所在的目录的上一级目录。 ./ 当前文件所在的目录。相对路径的三种形式:a、目标文件和当前文件属于同一级;b、目标文件在当前文件所在的目录的下级目录中;c、目标文件在当前文件所在的目录的上级目录中。绝对路径:这个文件在磁盘上的完整路径,这个路径是从磁盘根目录开始的。文件路径写成绝对路径造成的问题:当项目目录发生变化以后,文件的路径就不对了。二、表格的基本使用table标签属性:border 用来原创 2021-02-28 23:18:08 · 73 阅读 · 0 评论 -
html_day2复习
一、单双标签二、标签之间的关系:父子关系、兄弟关系三、文本格式化标签:strong 加粗、em 斜体、del 删除线、ins 下划线四、注释:五、转义符: < <; > >; 空格 &nbst;六、列表有序列表:ol li无序列表:ul li自定义列表(实现层级关系的菜单、实现名词解释的格式):dt dd...原创 2021-02-28 19:52:35 · 100 阅读 · 0 评论