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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。

    标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。

    p span.warning{color:purple;} /*权值为1+1+10=12*/

    #footer .note p{color:yellow;} /*权值为100+10+1=111*/

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

    查看全部
  • 学了那么多选择器,对于一个元素操作的优先级:内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

    查看全部
  • CSS中颜色、字体大小等具有继承性,但边框等是不能继承的

    查看全部
  • 分组选择器:用逗号分开的不同组的同一样式

    注意,class类是.+子类名,id类是#+子类名

    查看全部
  • 伪类选择器:给html中一个标签元素的鼠标滑过的状态来设置它的状态

    关于伪类选择符,到目前为止,可以兼容所有浏览器的“伪类选择符”就是 a 标签上使用 :hover 了(其实伪类选择符还有很多,尤其是 css3 中,但是因为不能兼容所有浏览器,本教程只是讲了这一种最常用的)。其实 :hover 可以放在任意的标签上,比如说 p:hover,但是它们的兼容性也是很不好的,所以现在比较常用的还是 a:hover 的组合。

    查看全部
  • 通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素,包括<h1><p>中的

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

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

    查看全部
  • 留下您宝贵的意见:

    当用户需要在表单中输入大段文字时,需要用到文本输入域。

    语法:<textarea row="行数"  cols="列数">文本</textarea>

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

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

    3、rows:多行输入的行数

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

    <form method="post"  action="save.php">

    <label>联系我们</label>

    <teatarea cols="50" rows="10">在这里输入内容......</textarea>

    row:height

    cols:width

    查看全部
  • 还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码:

    .food>li{border:1px solid red;}

    这行代码会使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。

    查看全部
  • 类和ID的区别:

    1. ID具有唯一性,ID选择器只能在文档中使用一次。而类可以使用多次。

    2. 可以使用类选择器词列表方法为一个元素同时设置多个样式。<span class="stress bigsize">但ID是不能这样操作

    查看全部
  • ID选择器:跟类的用法相似

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

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

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

    查看全部
  • 可以创建一个类,来创建选择器,

    .类选器名称{css样式代码;}

    1、英文圆点开头

    2、其中类选器名称可以任意起名(但不要起中文噢)

    <span class="stress">内容</span>

    查看全部
  • 每一条css样式声明(定义)由两部分组成,形式如下:

    选择器{
       样式;
    }

        <style type="text/css">

        body {//选择器

            font-size: 12px;

            color: red;

        }

        </style>

    查看全部
  • 优先级:内联式 > 嵌入式 > 外部式

    但嵌入式>外部式,需要<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面

    总结来说,就是--就近原则(离被设置元素越近优先级别越高)。

    查看全部

举报

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

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