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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 怕会忘记, MARK一下。
    查看全部
  • 浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式. 做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。 例子:p{color:red !imporant;} /*注意!imporant是在 ; 前面的*/ p{color:green} 此时p段落是显示红色。
    查看全部
  • @HTML/CSS——第8章CSS选择器——分组选择符 1、用,将两个选择器分开,可以同时设置两个选择器的样式 2、如p,span{} ; .first,#second,p{}等
    查看全部
  • 浏览器是根据权值来判断使用哪种css样式的,哪个权值高就使用哪种css样式。 标签的权值是1,类选择器的权值是10,ID选择器的值是100,还有一个特殊的权值,继承也有权值但是很低,有的文献说的是0.1,所以可以理解为继承的权值是最低的。 p{color:blue} 权值是1, p span{color:green}权值是1+1=2 .first span{color:black}取值是10+1=11 #second span{color:purple}权值是100+1=101
    查看全部
  • @HTML/CSS——第8章CSS选择器——伪类选择符 1、它允许给html标签的某种状态(不存在的标签)设置样式。 2、现在能兼容所有浏览器的伪类标签:hover为超链接标签<a>添加鼠标滑过样式 a:hover{color:red}
    查看全部
  • @HTML/CSS——第8章CSS选择器——通用选择器 1、通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配【html中所有标签元素】 2、语法:* {color:red;}
    查看全部
  • border-style(边框样式)常见样式有:dashed(虚线)| dotted(点线)| solid(实线)。 border-color(边框颜色)中的颜色可设置为十六进制颜色,如:border-color:#888;//前面的井号不要忘掉。 border-width(边框宽度)中的宽度也可以设置为:thin | medium | thick(但不是很常用),最常还是用象素(px)。
    查看全部
  • @HTML/CSS——第8章CSS选择器——包含(后代)选择器 1、包含选择器,即加入【空】格,用于选择指定标签元素下的【所有】该类型的后辈元素。 2、语法:.first span{color:red;} 3、总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • @HTML/CSS——第8章CSS选择器——子选择器 1、子选择器:即大于符号(>),用于选择【指定标签元素】的【第一代子元素】。 2、如:.food>li{border:1px solid red;} 用于带有class="food"标签的【第一代子元素】li的样式为加入红色实现边框(1px宽)
    查看全部
  • @HTML/CSS——第8章CSS选择器——类和ID选择器的区别 1、相同点:可以应用于任何元素 2、不同点: · 一个ID选择器【只能在文档中使用一次】。而与类选择器可以使用多次。即只能id的唯一性 · 类选择器器可以为一个元素同时设置多个样式,用空格分开。 class="classA classB"。而ID选择器不行
    查看全部
  • method="get/post",两种方式的区别 Form中的get和post方法,在数据传输过程中分别对应了GET和POST方法。 二者主要区别如下: 1、Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL。 如下形式: htt...
    查看全部
  • 注意:!important要写在分号的前面
    查看全部
  • @HTML/CSS——第8章CSS选择器——ID选择器 1、语法:#id{ 样式 } 2、与类选择器的区别: · 为标签设置id="ID名称",而不是class="类名称"。 · ID选择符的前面是井号(#)号,而不是英文圆点(.)。
    查看全部
    0 采集 收起

    2018-03-22

  • 盒子模型: 内填充:padding 外边距:margin 边框:border 1 内填充、外边距和边框都有4个方向 2 给盒子里的元素一个高度,其实际高度为:元素高度+上下padding高+上下border高 3 <div><ul><ol><p><h><table>等块级标签都具备盒子模型的特征
    查看全部
  • @HTML/CSS——第8章CSS选择器——类选择器 1、语法:在style里设置:.类选器名称{css样式代码;} 如 .className{color:red;} ***注意: · 【英文圆点】开头 · 其中类选器名称可以【任意起名】(不能用中文) 2、在合适的标签里使用属性class="类名"即可,如<span class="className">xxx</span>
    查看全部

举报

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

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