慕课网

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

初识HTML(5)+CSS(3)

最热最新

t_mac_L

a,span,em{ background:pink;/*设置a、span、em标签背景颜色都为粉色*/ display: inline-block; padding: 10px; margin:0px; border: solid 3px #3acded; border-radius: 5px; } a:hover{ background-color:#39ccad; border-color:pink; }

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2015-01-04
Lady_MayLing

每一条css样式声明（定义）由两部分组成，形式如下：选择器{ 样式; } 在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素

查看全部

0 采集收起来源：css3的游戏规则 - 什么是选择器？
2015-01-04
Lady_MayLing

三种方法的优先级：内联式>嵌入式>外部式。总的来说就是就近原则，距离被设置的元素越近，优先级别越高。注意：所总结的优先级是有一个前提的内联式、嵌入式、外联式css样式是在相同权值的情况下。

查看全部

0 采集收起
2018-03-22
qqd

1.盒模型的外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。通常有下面三种缩写方法: a、如果top、right、bottom、left的值相同，如下面代码： margin:10px 10px 10px 10px; 可缩写为：margin:10px; b、如果top和bottom值相同、left和 right的值相同，如下面代码： margin:10px 20px 10px 20px; 可缩写为：margin:10px 20px; c、如果left和right的值相同，如下面代码： margin:10px 20px 30px 20px; 可缩写为：margin:10px 20px 30px; 注意：padding、border的缩写方法和margin是一致的。 2.颜色值缩写关于颜色的css样式也是可以缩写的，当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。例子: p{color: #336699;} 可以缩写为：p{color: #369;} 3.字体缩写代码如下： 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
Lady_MayLing

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码： <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
Lady_MayLing

嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间. <style type="text/css"> span{ color:red; } </style>

查看全部

0 采集收起
2018-03-22
淘易通

分组选择符 h1,span{color:red;} 相当于： h1{color:red;} span{color:red;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2015-01-04
Lady_MayLing

内联样式表：直接写在现有的HTML标签中 <p >这里文字是红色,大小是12像素。</p> 多条css样式代码设置可以写在一起，中间用分号隔开

查看全部

0 采集收起
2018-03-22
Lady_MayLing

html中的两种注释：  /*注释内容*/ CSS中的注释： /*注释内容*/ jsp中的注释:  可见 <%--注释内容--> 不可见 //单行注释不可见 /*注释内容*/多行注释、不可见

查看全部

0 采集收起来源：听我再解释解释 - CSS注释代码
2018-03-22
Lady_MayLing

CSS代码语法 css 样式由选择符和声明组成：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，例： p{ font-size:12px; color:red; }

查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法
2015-01-04
淘易通

p:hover{ color:red; } html中一个标签元素的鼠标滑过的状态来设置字体颜色

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2015-01-04
loaMoring

注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）

查看全部

0 采集收起来源：换个好看的字体 - 使用font-family设置字体系列
2015-01-04
淘易通

* {color:red;} 它使用一个（*）号指定，它的作用是匹配html中所有标签元素

查看全部

0 采集收起来源：我全都要 - 通用选择器
2015-01-04
淘易通

.first span{color:red;} .first>span{color:red;} >作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
Lady_MayLing

span是css中定义一个行中区域效果，span不包含特别的属性。一行中也可以包含好多个区域效果。把这三个短语用<span></span>括起来,只要更改<style type="text/css"></style>中的span{xxoo}里面的内容就可以了，所有的<span></span>括起来文字就改变了，方便管理维护

查看全部

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

首页上一页 27066 27067 27068 27069 27070 27071 27072 下一页尾页

0/150

提交

取消

开始学习

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

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