慕课网

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

初识HTML(5)+CSS(3)

最热最新

追风的山

<label> 标签为 input 元素定义标注（标记）。 label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。 <label> 标签的 for 属性应当与相关元素的 id 属性相同。

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2018-03-22
究极体学渣

一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用： body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。

查看全部

0 采集收起
2018-03-22
glenhappy

流动模型就是按顺序从前往后排，如果是块状元素，默认宽度100%，占一整行，如果是内联元素，由于内联元素的定义决定了其特点是只能从前往后排，不会霸道的占一行；这样多简单

查看全部

0 采集收起来源：排队显示-流动模型（二）
2014-12-10
究极体学渣

网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码： body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句： body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; } 注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用： body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。

查看全部

0 采集收起
2018-03-22
究极体学渣

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

查看全部

0 采集收起
2014-12-10
追风的山

text password radio checkbox select:option

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2014-12-10
究极体学渣

margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 【顺时针】 1、如果top、right、bottom、left的值相同，如下面代码： margin:10px 10px 10px 10px; 可缩写为： margin:10px; 2、如果top和bottom值相同、left和 right的值相同，如下面代码： margin:10px 20px 10px 20px; 可缩写为： margin:10px 20px; 3、如果left和right的值相同，如下面代码： margin:10px 20px 30px 20px; 可缩写为： margin:10px 20px 30px;

查看全部

0 采集收起
2014-12-10
glenhappy

流动模型特点： 1 块状元素（注意是块状元素）在其所处的包含元素内（它是指包含这个元素的父亲元素下面的所有元素）自上而下垂直分布； 2 块状元素宽度默认为100%，如果是流动布局的话，那当然占据一正行了，从上往下布局，流动式的。。。。

查看全部

0 采集收起来源：排队显示-流动模型（一）
2014-12-10
究极体学渣

1、参照定位的元素必须是相对定位元素的前辈元素; 2、参照定位的元素必须加入position:relative; 3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。

查看全部

0 采集收起来源：Relative与Absolute组合使用
2014-12-10
glenhappy

1 布局模型和盒模型都是css最基本最核心的概念； 2 布局模型是本，布局模板是末； 3 元素常见三种布局模型：流动模型（flow）/浮动模型(float)/层模型(layer)

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2014-12-10
究极体学渣

fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2014-12-10
究极体学渣

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

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2014-12-10
glenhappy

我也来总结一下：margin在边框外，padding在边框里

查看全部

0 采集收起来源：距离产生美 - 使用margin为盒子设置外边距（边界）
2014-12-10
glenhappy

右填充和下填充没有变是由于我们设置的填充比它本身的填充举例要小啊。

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2014-12-10
究极体学渣

如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2014-12-10

首页上一页 27330 27331 27332 27333 27334 27335 27336 下一页尾页

0/150

提交

取消

开始学习

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

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