慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

weixin_慕的地9247025

select、option标签创建下拉菜单
<select>
<option value="向服务器提交的值">现实的值</option>
<option value="读书" selected="selected">读书</option>
</select>
1、select 和option标签都是双标签，他总是成对出现的，需要首标签和尾标签。
2、select标签里面只能放option标签，表示下拉列表的选项。
3、option标签放选项内容，不放置其它标签。
4、selected="selected" 则该选项就被默认选中。

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2021-05-18
奋斗中的小文

未知宽高实现盒子水平垂直居中
1、利用父元素设置相对定位,子元素设置绝对定位,那么子元素就是相对于父元素定位的特性。
2、子元素设置上和左偏移的值都为50%。
top: 50%; left: 50%;
3、然后再用css3属性translate位移,给上和左都位移-50%距离，就能达到垂直水平居中的效果。
transform: translate(-50%, -50%);

查看全部

0 采集收起来源：面试常考题之宽高不定实现盒子水平垂直居中
2021-05-17
奋斗中的小文

对于实现已知宽高实现盒子水平垂直居中
1、利用父元素设置相对定位,子元素设置绝对定位,那么子元素就是相对于父元素定位的特性。
position:absolute relative
2、子元素设置上和左偏移的值都为50%，使元素的左上角在父元素中心点的位置。
找到中心点
3、然后再用margin给上和左都给负的自身宽高的一半,就能达到垂直水平居中的效果。

查看全部

0 采集收起来源：面试常考题之已知宽高实现盒子水平垂直居中
2021-05-17
奋斗中的小文

块状元素 :定宽块状元素和不定宽块状元素 (块状元素的宽度width是否为固定值。)
设置“左右margin”值为“auto”来实现居中的。说明上下要自己来设
width:200px;
margin:20px auto;

查看全部

0 采集收起来源：水平居中设置-定宽块状元素
2021-05-17
奋斗中的小文

设置水平居中：
行内元素
如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。
(class命名的类，要加”.“)

查看全部

0 采集收起来源：水平居中设置-行内元素
2021-05-17
奋斗中的小文

可以利用flex给子元素设置占比（每个子类指定数目）
1、给子元素设置flex属性,可以设置子元素相对于父元素的占比。
2、flex属性的值只能是正整数,表示占比多少。
3、给子元素设置了flex之后,其宽度属性会失效。

查看全部

0 采集收起来源：我想占大头 - 给子元素设置flex占比
2021-05-17
奋斗中的小文

align-items属性，对竖列的操作
用法display: flex;
align-items: flex-start;
flex-start：默认值，左对齐
flex-end：交叉轴的终点对齐
center：交叉轴的中点对齐
baseline：项目的第一行文字的基线对齐。
stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。

查看全部

0 采集收起来源：操作一下竖轴- 使用align-items属性设置纵轴排列方式
2021-05-17
奋斗中的小文

justify-content: flex-start | flex-end | center | space-between | space-around;
flex-start：交叉轴的起点对齐
flex-end：右对齐
center：居中
space-between：两端对齐，项目之间的间隔都相等。
space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍

查看全部

0 采集收起来源：操作一下横轴- 使用justify-content属性设置横轴排列方式
2021-05-17
奋斗中的小文

flex弹性盒子模型：
一个父类，很多个子类
父类中写上display:flex（改变子元素的排列顺序），默认为从左往右依次排列,且和父元素左边没有间隙。

查看全部

0 采集收起来源：弹性盒模型 - 弹性盒模型之flex属性
2021-05-17
奋斗中的小文

固定定位：fixed 它的相对移动的坐标是视图（屏幕内的网页窗口）本身。
一般不会随浏览器窗口的滚动条滚动而变化，除非设置
与background-attachment:fixed;属性功能相同。
不过也可以实现相对于浏览器视图的偏移

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2021-05-17
奋斗中的小文

相对定位:里面的东西也会随之改变
position:relative
注意对向下移是改top的值等一系列的问题
然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2021-05-17
奋斗中的小文

绝对定位：先设置position:absolute
将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。
position:absolute;
left:100px;
top:50px;

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2021-05-17
奋斗中的小文

层布局模型：精确定位
1、绝对定位(position: absolute)
2、相对定位(position: relative)
3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2021-05-17
奋斗中的小文

浮动模型：任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动，如 div、p、table、img 等元素都可以被定义为浮动。float:left;向左
id 命名的类使用时要加#

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2021-05-17
奋斗中的小文

在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。
（内联元素可不像块状元素独占一行）
标签a、span、em、strong都是内联元素。

查看全部

0 采集收起来源：排队显示-流动模型（二）
2021-05-17

首页上一页 253 254 255 256 257 258 259 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。