慕课网

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

初识HTML(5)+CSS(3)

最热最新

劣ye

如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。
如下面代码可以实现div元素相对于浏览器窗口向右移动100px，向下移动50px。
div{
width:200px;
height:200px;
border:2px red solid; position:absolute;
left:100px;
top:50px;}
<div id="div1"></div>

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2021-03-15
劣ye

层模型有三种形式：
1、绝对定位(position: absolute)
2、相对定位(position: relative)
3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2021-03-15
劣ye

任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动，

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2021-03-15
劣ye

在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示

查看全部

0 采集收起来源：排队显示-流动模型（二）
2021-03-15
劣ye

流动模型:默认的网页布局模式
比较典型的特征：
第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。

查看全部

0 采集收起来源：排队显示-流动模型（一）
2021-03-15
劣ye

在网页中，元素有三种布局模型：
1、流动模型（Flow）
2、浮动模型 (Float)
3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2021-03-15
劣ye

css 样式中允许只为一个方向的边框设置样式：
div{border-bottom:1px solid red;}
同样可以使用下面代码实现其它三边(上、右、左)边框的设置：
border-top:1px solid red;
border-right:1px solid red;
border-left:1px solid red;

查看全部

0 采集收起来源：我想脚下踩条线 - 使用border为盒子添加边框（二）
2021-03-15
劣ye

盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。
注意：
1、border-style（边框样式）常见样式有：
dashed（虚线）| dotted（点线）| solid（实线）。

2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如:
border-color:#888;//前面的井号不要忘掉。

3、border-width（边框宽度）中的宽度也可以设置为：
thin | medium | thick（但不是很常用），最常还是用像素（px）。

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2021-03-15
劣ye

为标签设置背景颜色可以使background-color:颜色值来实现。
例子如下：
div{background-color:red;}//为块状元素设置
a{background-color:green;}//为行内元素设置

查看全部

0 采集收起来源：设置个美美哒的颜色-背景色
2021-03-15
劣ye

none设置此元素不会被显示，当想要元素隐藏的时候可以使用此值。

查看全部

0 采集收起来源：隐身术 - none不占据位置
2021-03-15
劣ye

内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增)，<img>、<input>标签就是这种内联块状标签。
inline-block 元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2021-03-15
劣ye

在html中，<span>、<a>、<label>、 <strong> 和<em>就是典型的内联元素（行内元素）（inline）元素。
块状元素也可以通过代码display:inline将元素设置为内联元素
内联元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度及顶部和底部边距不可设置；
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2021-03-15
劣ye

块级元素：
在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素
设置display:block就是将元素显示为块级元素
块级元素特点：
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2021-03-15
劣ye

在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2021-03-15
如此甚好_

<input type="url" value="http://">
必须加上<value="http://>来声明网址前必须加上http://、否则会提示报错“请输入网址”

查看全部

0 采集收起来源：平时都逛论坛么? - 网址输入框
2021-03-15

首页上一页 302 303 304 305 306 307 308 下一页尾页

0/150

提交

取消

开始学习

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

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