慕课网

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

初识HTML(5)+CSS(3)

最热最新

AeneasWu

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

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2014-11-13
fwf

外部式css样式(外联式):css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内： for example； <link href="base.css" rel="stylesheet" type="text/css" /> 注意： 1、css样式文件名称以有意义的英文字母命名，如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内。

查看全部

0 采集收起
2018-03-22
AeneasWu

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

查看全部

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

嵌入式css样式(可以把css样式代码写在<style type="text/css"></style>标签之间)： for example: <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。

查看全部

0 采集收起
2018-03-22
fwf

内联式css样式表： for example: <p >这里文字是红色。</p> 并且css样式代码要写在双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。 for example: <p >这里文字是红色。</p>

查看全部

0 采集收起
2018-03-22
fwf

CSS注释语句：用/*注释语句*/来标明

查看全部

0 采集收起来源：听我再解释解释 - CSS注释代码
2014-11-13
fwf

css 样式由选择符和声明组成。声明由属性和值组成：p（选择符）{color（属性）:red（值）} 选择符（选择器）：指明网页中要应用样式规则的元素。注：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔。注意： 1、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。 2、为了使用样式更加容易阅读，可以将每条代码写在一个新行内。

查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法
2014-11-18
fwf

若想将短语的文本设置有颜色：需要<span>需要改变颜色的文本</span> 还需要span{ color:颜色; }

查看全部

0 采集收起来源：为什么是css呢? - CSS样式的优势
2018-03-22
慕移动9593978

<q>标签是引用别人的话，默认样式是双引号，但该标签的关键点不是默认双引号

查看全部

0 采集收起
2018-03-22
fwf

CSS主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等: p{ font-size:文字字号px; color:字体颜色; font-weight:字体形态; } 使用CSS样式可以通过定义某个样式，从而让不同网页位置的文字有着统一的字体、字号或者颜色等。

查看全部

0 采集收起来源：给html打扮一下 - 认识CSS样式
2014-11-13
慕移动9593978

强调文段中的字可以用em和strong标签，strong标签比em标签语气上更强烈些，em默认是斜体，strong默认是粗体，国内用strong多些

查看全部

0 采集收起
2014-11-13
AeneasWu

元素分类--内联块状元素内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增)，<img>、<input>标签就是这种内联块状标签。 inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。提示：下一小节是用视频动画来讲解css中的盒模型。

查看全部

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

解决行内元素间隙bug问题行内元素之间会产生间隙bug问题的场景： 1、当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。如下代码： <div> <a>1</a> <a>2</a> <span>33333</span> <span>44444</span> <em>555555</em> </div> 解决方法： 1、写在一行，之间不要有空格之类的符号。 <div> <a>1</a><a>2</a><span>33333</span><span>44444</span><em>555555</em> </div> 2、使用font-size:0 div{font-size:0;} a,span,em{font-size:16px;} 网上还有很多有趣的方法可解决这个bug感兴趣的小伙伴们快去搜索一下吧。

查看全部

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

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

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2014-11-13
慕移动9593978

p标签语法：<p>段落文本</p> 作用：显示文本段落，默认样式，段落之间是有空白的，每一个段落都需要用p标签

查看全部

0 采集收起
2018-03-22

首页上一页 27681 27682 27683 27684 27685 27686 27687 下一页尾页

0/150

提交

取消

开始学习

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

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