慕课网

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

初识HTML(5)+CSS(3)

最热最新

flora_fly

选择器类选择器 .classname{;} <span class="classname"></span> ID选择器 #classname{;} <span id="classname"> </span> 相同点:可用于任何元素不同点:1.ID选择器只能在文档中使用一次; 2.可以使用类选择器词列表方法为一个元素同时设置多个样式。子选择器 first>span{color:red;} 包含选择器 .first span{color:red;} >作用于元素的第一代后代，空格作用于元素的所有后代。通用选择器:* {color:red;} 伪类选择器:a:hover{color:red;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2018-03-22
木木落6

块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。 a{display:block;}内联元素a转换为块状元素，从而使a元素具有块状元素特点

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2015-02-15
tempest1216

div{ border:2px solid red; }

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2015-02-15
wobs

css语法：选择符{ 属性 : 值 }

查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法
2015-02-15
木木落6

text-align:center; 块状元素设置排版格式

查看全部

0 采集收起
2015-02-15
木木落6

letter-spacing:50px; 字母间间距 word-spacing：英文词间距

查看全部

0 采集收起
2015-02-15
木木落6

line-height:2em; 为右侧段落设置行间距（行高）为2em

查看全部

0 采集收起
2015-02-15
木木落6

text-indent:2em; 缩近两个单位 2em的意思就是文字的2倍大小

查看全部

0 采集收起
2015-02-15
木木落6

text-decoration:line-through; 删除线

查看全部

0 采集收起
2015-02-15
木木落6

text-decoration:underline; 下划线

查看全部

0 采集收起
2015-02-15
tempest1216

元素分类--块级元素什么是块级元素？在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素，从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

查看全部

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

段落排版--对齐想为块状元素中的文本、图片设置居中样式吗？可以使用text-align样式代码，如下代码可实现文本居中显示。(那么什么是块状元素呢？在后面的11-1、11-2小节中会讲到。) h1{ text-align:center; } <h1>了不起的盖茨比</h1> 同样可以设置居左： h1{ text-align:left; } <h1>了不起的盖茨比</h1> 还可以设置居右： h1{ text-align:right; } <h1>了不起的盖茨比</h1>

查看全部

0 采集收起
2018-03-22
木木落6

!important要写在分号的前面

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2015-02-15
Ward

元素内容与边框之间是可以设置距离的，称之为“填充”。填充也可分为上、右、下、左(顺时针)。如下代码： div{padding:20px 10px 15px 30px;} 顺序一定不要搞混。可以分开写上面代码： div{ padding-top:20px; padding-right:10px; padding-bottom:15px; padding-left:30px; } 如果上、右、下、左的填充都为10px;可以这么写 div{padding:10px;} 如果上下填充一样为10px，左右一样为20px，可以这么写： div{padding:10px 20px;}

查看全部

0 采集收起来源：宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
2015-02-15
Ward

盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以里的内容范围。因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。 div{ width:200px; padding:20px; border:1px solid red; margin:10px; } 元素的实际长度为：10px+1px+20px+200px+20px+1px+10px=262px

查看全部

0 采集收起来源：长胖长高点--宽度和高度
2015-02-15

首页上一页 26448 26449 26450 26451 26452 26453 26454 下一页尾页

0/150

提交

取消

开始学习

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

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