慕课网

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

初识HTML(5)+CSS(3)

最热最新

陌脉默墨

网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。语法： <form method="传送方式" action="服务器文件"> 讲解： 1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。 2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method ：数据传送的方式（get/post）。 <form method="post" action="save.php"> <

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2018-03-22
阿拉不斯加

border:2px solid red;其实是三个写到一起了，分别是 border-width:2px;（还可以设置为thin，medium，thick，不过一般都是用像素） border-style:solid;(dashed虚线，dotted点线，solid实线) border-color:red;（十六进制要加#）

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2018-03-22
小七的七

字体缩写 body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:1em; line-height:140%; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句： body{ font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif; }

查看全部

0 采集收起
2018-03-22
小七的七

颜色值缩写关于颜色的css样式也是可以缩写的，当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。 p{color:#000000;} 可以缩写为： p{color: #000;} 例子2： p{color: #336699;} 可以缩写为： p{color: #369;}

查看全部

0 采集收起
2018-03-22
小七的七

盒模型代码简写 1、上右下左相同 margin:10px 10px 10px 10px; 可缩写为： margin:10px; 2上下相同，左右相同 margin:10px 20px 10px 20px; 可缩写为： margin:10px 20px; 3、左右相同 margin:10px 20px 30px 20px; 可缩写为： margin:10px 20px 30px;

查看全部

0 采集收起
2018-03-22
小七的七

层模型--固定定位 fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。层模型有三种形式： 1、绝对定位(position: absolute)——相对父包含块 2、相对定位(position: relative)——以前位置相照现在位置 3、固定定位(position: fixed)——相对视图（屏幕内的网页窗口）

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2018-03-22
小七的七

层模型--相对定位如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。 position:relative;//表示层模型为相对定位 left:100px;//向右移动相对原来位置的100像素 top:50px;//向下移动相对原来位置的50像素

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2018-03-22
阿拉不斯加

内边距：padding 外边距：margin 边框：border 具备盒模型的标签是块级标签：<div><p><ol><ul><h><table>

查看全部

0 采集收起来源：变个盒子-什么是盒模型（视频）
2018-03-22
阿拉不斯加

内联块状元素 display:inline-block; 最主要的特点是和其他元素在同一行，但是高度、宽度、行高、顶和底边距都可以设置比如<img>、<input>标签就是这种内联块状标签

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2018-03-22
阿拉不斯加

<div>abc</div>这是一个块级元素，但是经过如下改写 <div style="display:inline">abc</div> 可以把div这个块级元素转换为行内元素，使得div元素有行内元素特点

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2018-03-22
小七的七

position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。 position:absolute;left:100px;top:50px;的意思是左侧距离父包含块100px，上侧距离父包含块50px；

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2018-03-22
阿拉不斯加

块级元素我的理解很粗糙的，就是看起来是一块块的，每个元素都显示出来看着像一个单独块官方化的解释是元素的长宽高还有顶和底边距什么的都能设置，元素宽度在不设置的情况下，和它父元素的宽度是一致的

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2018-03-22
小七的七

什么是层布局模型？层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样，每个图层能够精确定位操作，但在网页设计领域，由于网页大小的活动性，层布局没能受到热捧。但是在网页上局部使用层布局还是有其方便之处的。 CSS定义了一组定位（positioning）属性来支持层布局模型。层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2018-03-22
小七的七

任何元素在默认情况下是不能浮动的，但可以用CSS定义为浮动，如div、p、table、img等元素都可以被定义为浮动。 div{float:left;} div{float:right;} #div1{float:left;} #div2{float:right;} 但一定注意，设置浮动的同时一定要先设置块状元素的宽度，且需要浮动的几个元素宽度加起来一定要小于容器元素的宽度。

查看全部

0 采集收起来源：起飞咯 - 浮动模型
2018-03-22
小七的七

第二点，在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）右侧代码编辑器中内联元素标签a、span、em、strong都是内联元素。

查看全部

0 采集收起来源：排队显示-流动模型（二）
2018-03-22

首页上一页 28208 28209 28210 28211 28212 28213 28214 下一页尾页

0/150

提交

取消

开始学习

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

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