慕课网

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

初识HTML(5)+CSS(3)

最热最新

tricy

css 样式由选择符和声明组成，而声明又由属性和值组成 p{color:blue}(选择符{属性声明值}) 选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示： p{font-size:12px;color:red;} 注意： 1、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。 2、为了使用样式更加容易阅读，可以将每条代码写在一个新行内，如下所示： p{ font-size:12px; color:red; }

查看全部

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

span标签是灵活的，在设置的时候，如果想添加不同的颜色可以设置span1{ color:其他颜色；}来获取。

查看全部

1 采集收起
2015-01-18
tricy

为什么使用css样式来设置网页的外观样式呢？右边编辑器是一段文字，我们想把“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短语的文本颜色设置为红色，这时就可以通过设置样式来设置，而且只需要编写一条css样式语句。第一步：把这三个短语用<span></span>括起来。（见右边代码编辑器13行）第二步：写入下列代码：（见右边代码编辑器7-8行） span{ color:red; } 观察结果窗口文字的颜色是否变为红色了。

查看全部

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

CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。如下列代码： p{ font-size:12px; color:red; font-weight:bold; } 使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

查看全部

0 采集收起来源：给html打扮一下 - 认识CSS样式
2015-01-13
洛央下

Relative与Absolute组合使用使用position:absolute可以实现被设置元素相对于浏览器（body）相对于其它元素进行定位使用position:relative来帮忙，但是必须遵守下面规范： 1、参照定位的元素必须是相对定位元素的前辈元素： <div id="box1"> <div id="box2">相对参照元素进行定位</div> </div> box1是box2的父元素（父元素当然也是前辈元素了）。 2、参照定位的元素必须加入position:relative; #box1{ width:200px; height:200px; position:relative; } 3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。 #box2{ position:absolute; top:20px; left:30px; }

查看全部

0 采集收起来源：Relative与Absolute组合使用
2018-03-22
tricy

语法： <label for="控件id名称"> 注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。例子： <form> <label for="male">男</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">女</label> <input type="radio" name="sex" id="female" /> <label for="email">输入你的邮箱地址</label> <input type="email" id="email" placeholder="Enter email"> </form>

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
tricy

语法： <input type="reset" value="重置"> type：只有当type值设置为reset时，按钮才有重置作用 value：按钮上显示的文字举例：

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2018-03-22
tricy

语法： <input type="submit" value="提交"> type：只有当type值设置为submit时，按钮才有提交作用 value：按钮上显示的文字

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2018-03-22
tricy

<select multiple="multiple"> <option value = "向服务器提交的值">显示的值</option> </select> 在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，进行多选时按下Ctrl键同时进行单击，可以选择多个选项

查看全部

0 采集收起
2018-03-22
tricy

内填充（padding）外边距（margin）盒子的边框（border）内填充、外边距和边框都有4个方向如： padding-top（上）padding-right（右）padding-left（左）padding-bottom（底）

查看全部

0 采集收起来源：变个盒子-什么是盒模型（视频）
2015-01-13
NEOM

<form> <label for="male">男</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">女</label> <input type="radio" name="sex" id="female" /> <label for="email">输入你的邮箱地址</label> <input type="email" id="email" placeholder="Enter email"> </form>

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
一念执著

<img src = "myimage.gif" alt = "My Image" title = "My Image" /> 1、src：标识图像的位置； 2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本； 3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)； 4、图像可以是GIF，PNG，JPEG格式的图像文件

查看全部

0 采集收起
2018-03-22
洛央下

绝对定位（层模型）想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。如下面代码可以实现div元素相对于浏览器窗口向右移动100px，向下移动50px。 div{ width:200px; height:200px; border:2px red solid; position:absolute; left:100px; top:50px; } <div id="div1"></div>

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2018-03-22
一念执著

<a href="mailto:yy@imooc.com?subject=主题名称&body=邮件内容">显示的内容</a>

查看全部

0 采集收起
2018-03-22
NEOM

下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，进行多选时按下Ctrl键同时进行单击，可以选择多个选项。如下代码：

查看全部

0 采集收起
2018-03-22

首页上一页 26954 26955 26956 26957 26958 26959 26960 下一页尾页

0/150

提交

取消

开始学习

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

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