慕课网

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

初识HTML(5)+CSS(3)

最热最新

神奇的bebe

CSS注释代码就像在Html的注释一样，在CSS中也有注释语句：用/*注释语句*/来标明（Html中使用)

查看全部

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

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

查看全部

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

span样式 <span></span>

查看全部

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

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

查看全部

0 采集收起来源：给html打扮一下 - 认识CSS样式
2015-01-21
神奇的bebe

form表单中的label标签 label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。语法： <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
神奇的bebe

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

查看全部

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

使用提交按钮，提交数据在表单中有两种按钮可以使用，分别为：提交按钮、重置。这语法： <input type="submit" value="提交"> type：只有当type值设置为submit时，按钮才有提交作用 value：按钮上显示的文字

查看全部

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

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

查看全部

0 采集收起
2018-03-22
神奇的bebe

下拉列表框语法： <from name="iform"> <label>标签名</label> <select> <option value="提交值">选项</option> <option value="提交值">选项</option> <option value="提交值">选项</option> </select> </form> 1、value： <option value="提交值">选项</option> 2、selected="selected"：设置selected="selected"属性，则该选项就被默认选中。

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2018-03-22
神奇的bebe

使用单选框、复选框语法： <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1、type: 当type="radio"时，控件为单选框当type="checkbox"时，控件为复选框 2、value：提交数据到服务器的值（后台程序PHP使用） 3、name：为控件命名，以备后台程序ASP、PHP使用 4、checked：当设置checked="checked"时，该选项被默认选中【注意】同一组的单选按钮，name取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2018-03-22
lurkery

使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如： <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 上面例子作用是单击click here!文字，网页链接到http://www.imooc.com这个网页。 title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好），如右侧案例代码（8-12行）。注意：还有一个有趣的现象不知道小伙伴们发现了没有，只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），颜色很难看吧，不过没有关系后面我们学习了css样子就可以设置过来（a{color:#000}),后面会详细讲解。 ※ 在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的

查看全部

0 采集收起
2018-03-22
神奇的bebe

文本域，支持多行文本输入当用户需要在表单中输入大段文字时，需要用到文本输入域。语法： <textarea rows="行数" cols="列数">文本</textarea> 1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。 2、cols ：多行输入域的列数。 3、rows ：多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。举例： <form method="post" action="save.php"> <label>联系我们</label> <textarea cols="50" rows="10" >在这里输入内容...</textarea> </form>

查看全部

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

文本输入框、密码输入框语法： <form> <input type="text/password" name="名称" value="文本" /> </form> 1、type：当type="text"时，输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name：为文本框命名，以备后台程序ASP 、PHP使用。 3、value：为文本输入框设置默认值。(一般起到提示作用) 举例： <form> 姓名： <input type="text" name="myName"> <br/> 密码： <input type="password" name="pass"> </form>

查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2018-03-22
lurkery

caption标签，为表格添加标题和摘要 caption标签的语法 <caption>...</caption> 摘要摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。语法：<table summary="表格简介文本"> 标题用以描述表格内容，标题的显示位置：表格上方居中。语法： <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>

查看全部

0 采集收起
2018-03-22
lurkery

Table表格在没有添加css样式之前，是没有边框的。我们可以用css样式，为表格加入边框。在代码编辑器中添加如下代码： <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 上述代码是用css样式代码，为th，td单元格添加粗细为一个象素的黑色边框。定义风格神马的，都在<head>里面进行</head>。 #000表示黑色。 table tr td,th表示table标签下的tr标签再下面的td标签和th标签的样式，逗号前面是父子关系，逗号表示同级。加上逗号，表示一个个的标签选择器，如果不加逗号，表示table标签下的tr标签，tr标签下的td，依次类推。这个最好的验证效果就是你把他们的位置调换一下，然后加上都和不加逗号的效果就能看出来了 "border"是表格的线条,"px"是线条的粗细程度，“solid”表示实线，“#XXX”表示表格线条的颜色。 summary 属性规定表格内容的摘要。 summary 属性不会对普通浏览器中产生任何视觉变化。

查看全部

0 采集收起
2018-03-22

首页上一页 26849 26850 26851 26852 26853 26854 26855 下一页尾页

0/150

提交

取消

开始学习

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

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