为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
初识HTML(5)+CSS(3)_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 语法:

    <label for="控件id名称">

    注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。


    查看全部
  • 语法:

    <textarea  rows="行数" cols="列数">文本</textarea>

    1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。

    2、cols :多行输入域的列数。

    3、rows :多行输入域的行数。

    4、在<textarea></textarea>标签之间可以输入默认值。


    查看全部
  • 语法:

    <textarea  rows="行数" cols="列数">文本</textarea>

    1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。

    2、cols :多行输入域的列数。

    3、rows :多行输入域的行数。

    4、在<textarea></textarea>标签之间可以输入默认值。


    查看全部
  • input标签中的数字框number类型

    1、input的type属性设置为number,则表示该输入框的类型为数字。

    2、数字框只能输入数字,输入其他字符无效。

    3、数字框最右侧会有一个加减符号,可以调整输入数字的大小,不同浏览器表现不一致。


    查看全部
  • 占位符placeholder

    1、placeholder属性为输入框占位符,里面可以放提示的输入信息。

    2、placeholder属性的值可以任意填写,当输入框输入内容时,占位符内容消失,输入框无内容时,占位符内容显示。

    3、占位符内容不是输入框真正的内容。


    查看全部
  • 语法:

    <form>
       <input type="text/password" name="名称" value="文本" />
    </form>

    1、type:

       当type="text"时,输入框为文本输入框;

       当type="password"时, 输入框为密码输入框。

    2、name:为文本框命名,以备后台程序ASP 、PHP使用。

    3、value:为文本输入框设置默认值。(一般起到提示作用)


    查看全部
  • 技术点的解释:

    1、font-style可以设置字体样式,并且有种3设置方式。

    2、正常字体为normal,也是font-style的默认值。

    3、italic为设置字体为斜体,用于字体本身就有倾斜的样式。

    4、oblique为设置倾斜的字体,强制将字体倾斜。


    查看全部
  • 我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。

    注意:!important要写在分号的前面

    这里注意当网页制作者不设置css样式时,浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式,比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加清楚。这时注意样式优先级为:浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式。


    查看全部
  • 下面是权值的规则:

    标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码:

    p{color:red;} /*权值为1*/p span{color:green;} /*权值为1+1=2*/.warning{color:white;} /*权值为10*/p span.warning{color:purple;} /*权值为1+1+10=12*/#footer .note p{color:yellow;} /*权值为100+10+1=111*/

    注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。


    查看全部
  • 之前我们已经学过了很多CSS3选择器了,但是每个选择器是有优先级的。这一章我们来学习CSS3中选择器的优先级。

    技术点的解释:

    1、如果一个元素使用了多个选择器,则会按照选择器的优先级来给定样式。

    2、选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器


    查看全部
  • <span >内联式


     span {

            color: red;

        }

    嵌入式

    查看全部
  • sks
    查看全部
    • 当前窗口就是在你打开的那个窗口继续打开另一个窗口(在你当前使用的那个窗口)

    • 新窗口就是重新打开一个新的窗口(不在你当前使用的那个窗口)

    查看全部
  • 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。

    请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。

    总结:>作用于元素的第一代后代,空格作用于元素的所有后代。


    查看全部
  • 1、使用ID选择器,必须给标签添加上id属性,为标签设置id="ID名称",而不是class="类名称"。

    2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。

    3、id属性的值既为当前标签的id,尽量见名思意,语义化。


    查看全部

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!