![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
youyouwuxin1234
博主:忧忧吾心
学历:2017.09-2019.07 硕士 - 武汉大学 软件工程
2013.08-2017.06 本科 - 郑州大学 计算机科学与技术
工作:2019.07.02-2021.11.16,在美的集团IT部门国际事业部,任职软件开发工程师
2021.11.22-2021.12.31,在新华三大数据有限公司从事软件研发
2022.01.01-至今,在紫光集团旗下紫光云技术有限公司从事中间件软件研发工作
其他:代表公司参加过2019年杭州阿里巴巴云栖大会
兴趣:爱生活、爱学习、爱运动、爱旅行、爱美食。
展开
-
71.Python修炼之路【76-前端-CSS基本语法、页面引用】2018.07.02
css基本语法及页面引用css基本语法css的定义方法是:选择器 { 属性:值; 属性:值; 属性:值;}选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。代码示例:div{ width:100px; height:100px; color:red }css页面引入方法:1、外联式:通过link标签,链接到外部样式表到页面中。<link rel="st...原创 2018-07-02 10:35:56 · 157 阅读 · 0 评论 -
80.Python修炼之路【85-前端-CSSbackground属性】2018.07.04
background属性属性解释 background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图片和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项:background-color 设置背景颜色background-image 设置背景图片地址background-repeat 设置背景图片如何重复平铺background-position...原创 2018-07-04 11:50:07 · 260 阅读 · 0 评论 -
79.Python修炼之路【84-前端-CSS定位】2018.07.04
定位关于定位 我们可以使用css的position属性来设置元素的定位类型,postion的设置项如下:relative 生成相对定位元素,元素所占据的文档流的位置不变,元素本身相对文档流的位置进行偏移absolute 生成绝对定位元素,元素脱离文档流,不占据文档流的位置,可以理解为漂浮在文档流的上方,相对于上一个设置了相对或者绝对或者固定定位的父级元素来进行定位,如果找不到,则相对于body元素...原创 2018-07-04 11:48:06 · 132 阅读 · 0 评论 -
78.Python修炼之路【83-前端-CSS浮动】2018.07.04
浮动文档流 文档流,是指盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置。浮动特性1、浮动元素有左浮动(float:left)和右浮动(float:right)两种2、浮动的元素会向左或向右浮动,碰到父元素边界、浮动元素、未浮动的元素才停下来3、相邻浮动的块元素可以并在一行,超出父级宽度就...原创 2018-07-04 11:46:30 · 131 阅读 · 0 评论 -
77.Python修炼之路【82-前端-CSS块元素、内联元素、内联块元素】2018.07.02
块元素、内联元素、内联块元素元素就是标签,布局中常用的有三种标签,块元素、内联元素、内联块元素,了解这三种元素的特性,才能熟练的进行页面布局。块元素 块元素,也可以称为行元素,布局中常用的标签如:div、p、ul、li、h1~h6、dl、dt、dd等等都是块元素,它在布局中的行为:支持全部的样式如果没有设置宽度,默认的宽度为父级宽度100%盒子占据一行、即使设置了宽度内联元素内联元素,也可以称为行...原创 2018-07-02 14:40:58 · 139 阅读 · 0 评论 -
76.Python修炼之路【81-前端-CSS元素溢出】2018.07.02
css元素溢出当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置。overflow的设置项: 1、visible 默认值。内容不会被修剪,会呈现在元素框之外。2、hidden 内容会被修剪,并且其余内容是不可见的,此属性还有清除浮动、清除margin-top塌陷的功能。3、scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余...原创 2018-07-02 14:39:18 · 128 阅读 · 0 评论 -
75.Python修炼之路【80-前端-CSS盒模型】2018.07.02
CSS盒子模型 1、盒子模型解释 元素在页面中显示成一个方块,类似一个盒子,CSS盒子模型就是使用现实中盒子来做比喻,帮助我们设置元素对应的样式。盒子模型示意图如下: 把元素叫做盒子,设置对应的样式分别为:盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。2、设置边框 设置一...原创 2018-07-02 14:38:12 · 132 阅读 · 0 评论 -
74.Python修炼之路【79-前端-CSS选择器】2018.07.02
css选择器常用的选择器有如下几种:1、标签选择器标签选择器,此种选择器影响范围大,建议尽量应用在层级选择器中。举例:*{margin:0;padding:0}div{color:red} <div>....</div> <!-- 对应以上两条样式 --><div class="box">....</div> <..原创 2018-07-02 12:03:46 · 125 阅读 · 0 评论 -
73.Python修炼之路【78-前端-CSS颜色表示法】2018.07.02
css颜色表示法css颜色值主要有三种表示方法:1、颜色名表示,比如:red 红色,gold 金色2、rgb表示,比如:rgb(255,0,0)表示红色3、16进制数值表示,比如:#ff0000 表示红色,这种可以简写成 #f00...原创 2018-07-02 11:53:35 · 104 阅读 · 0 评论 -
72.Python修炼之路【77-前端-CSS文本设置】2018.07.02
css文本设置常用的应用文本的css样式:color 设置文字的颜色,如: color:red;font-size 设置文字的大小,如:font-size:12px;font-family 设置文字的字体,如:font-family:'微软雅黑';font-style 设置字体是否倾斜,如:font-style:'normal'; 设置不倾斜,font-style:'italic';设置文字倾斜f...原创 2018-07-02 11:40:35 · 128 阅读 · 0 评论 -
81.Python修炼之路【86-前端-CSS特征布局】2018.07.04
特征布局实例讲习经过对前面知识点的巩固和加深,我们可以使用前面学习到的知识来制作实际开发中碰到的一些典型的布局,以此来达到综合应用知识的目的。1、特征布局:翻页(所需知识点:盒模型、内联元素)2、特征布局:导航条01(所需知识点:盒模型、行内元素布局)3、特征布局:导航条02(所需知识点:盒模型、浮动、定位、字体对齐)4、特征布局:图片列表(所需知识点:盒模型、浮动)5、特征布局:新闻列表(所需知...原创 2018-07-04 11:54:35 · 385 阅读 · 0 评论