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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 标签选择器{css样式} .类选择器名称{css样式} #ID选择器{}
    查看全部
  • @HTML/CSS——第7章CSS样式基本知识——三种方法的优先级 1、大原则:内联式 > 嵌入式 > 外部式 2、注意!是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。【即谁在后,按谁的样式来】。实际开发中嵌入式写在后面。
    查看全部
    0 采集 收起

    2018-03-22

  • @HTML/CSS——第7章CSS样式基本知识——外部式css样式 一、外部式css样式 1、外部式css样式(也可称为外联式)就是把css代码写一个【单独的外部文件】中 2、css样式文件以".css"为扩展名 3、在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内。 · 如:<link href="base.css" rel="stylesheet" type="text/css" /> ***注意: 1、css样式文件名称以【有意义的】英文字母命名,如 main.css。 2、rel="stylesheet" type="text/css" 是【固定写法】不可修改。 3、<link>标签位置一般写在<head>标签之内。
    查看全部
    1 采集 收起

    2018-03-22

  • @HTML/CSS——第7章CSS样式基本知识——嵌入式css样式 三、嵌入式css样式 1、嵌入式css:就是把css样式代码写在<style type="text/css"></style>标签之间。 2、并且一般情况下嵌入式css样式写在<head></head>之间。 3、如: <style type="text/css"> span{ color:red; } </style>
    查看全部
    0 采集 收起

    2018-03-22

  • @HTML/CSS——第7章CSS样式基本知识——内嵌式css样式 一、分类:从CSS样式代码【插入的形式】来看基本可以分为以下3种:【内联式】、【嵌入式】和【外部式】三种。 二、内嵌式css 1、css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:<p >这里文字是红色。</p> 2、css样式代码要写在【双引号中】,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如:<p ></p>
    查看全部
    0 采集 收起

    2018-03-22

  • @HTML/CSS——第6章开始学习CSS——注视语句 1、CSS中注释语句:用/*注释语句*/来标明。
    查看全部
  • @HTML/CSS——第6章开始学习CSS——CSS代码语法 一、CSS代码语法 1、css样式由【选择符】和【声明】组成,而声明又由属性和值组成,选择符{ 声明 } 如p{color:red;font-size:15px} 2、选择符:又称选择器,【指明】网页中要应用样式规则的元素 3、声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔。 ***注意:注意: 1、【最后一条声明】可以没有分号,但是为了以后修改方便,【一般也加上分号】。 2、为了使用样式更加容易阅读,可以将【每条代码写在一个新行内】,如下所示:
    查看全部
  • @HTML/CSS——第6章开始学习CSS——认识CSS样式 一、CSS 1、全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 2、如: p{ // 对<p>标签里的元素进行修改样式 font-size:12px; color:red; font-weight:bold; }
    查看全部
  • <em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。
    查看全部
    0 采集 收起

    2018-03-22

  • h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。<h1>是最高的等级,字体最大,且签的样式都会加粗
    查看全部
    0 采集 收起

    2018-03-22

  • 有的时候我们为同一个元素设置了不同的CSS样式代码,浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。 下面是权值的规则: 标签的权值为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,所以可以理解为继承的权值最低。
    查看全部
  • mkv
    网页中的字体css样式代码也有他自己的缩写方式,下面是给网页设置字体的代码: body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句: body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; }
    查看全部
    0 采集 收起

    2018-03-22

  • mkv
    设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。 俩个是 上下 左右 三个是 上 左右 下
    查看全部
    0 采集 收起

    2014-12-17

  • mkv
    重要内容 2、参照定位的元素必须加入position:relative; 3、定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了。
    查看全部
  • mkv
    我也来试试,实现浏览器视图右下角定位div层。 1、在右侧代码编辑器中的第11行输入: position:fixed; bottom:0; right:0;
    查看全部

举报

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

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