学习笔记-《零基础学习HTML5—html+css基础 》4.CSS基础样式(上)

原创 2016年08月31日 12:53:35

1.div 双标签

        语义:无意义

        它不是任何东西的缩写,它的作用就是来划分区域


2.css的语法

       属性名:属性值;

<div style="height:100px;width:200px;background:yellow;">我是身体</div>


3.css的引入方式

style="height:100px;width:200px;background:yellow


(1)行间样式的引入

          写法:在标签中,写一个style的属性,比如:style="......."在引号当中,写相应的css样式

                 <div style="height:100px;width:200px;background:yellow;">我是身体</div>

                缺点: 当描述的样式很多时,这种会累死,别外不利于维护

                优点:优先级最高

(2)内部样式表的的引入

         写法:在head标签里,写一个style的标签,通过选择器来控制样式

选择器?    div{  }

这个div和之前的div完全不一样,之前的是标签,这个是选择器

        标签名选择器

                 写法:

                         div{

                                  ........  css的样式

                               }


         ID选择器

                   写法:首先在相应标签中设置词一个ID的属性

                               如:id="id名“

                               在样式表中,通过

                           # + id名 {

                              .........css的样式

                                }

温馨小提示:

id名要以英文字母开头,不能用数字或汉字开头

id名不能重复,是唯一的

       

                  class选择器

                   写法:首先在相应标签中设置词一个class的属性

                               如:class="class名“

                               在样式表中,通过

                           . + class名 {

                              .........css的样式

                                }

温馨小提示:

class名要以英文字母开头,不能用数字或汉字开头

class名能重复,不是唯一的


4.优先级

标签名选择器 < class选择器  <  ID选择器  < 行间样式


(3)外部样式表的的引入


零基础学习HTML5—html+css基础【蓝鸥出品】

零基础学习HTML5—html+css基础【蓝鸥出品】
  • lanoulongjiang
  • lanoulongjiang
  • 2016年09月14日 15:54
  • 895

Python零基础入门一

上一个寒假学习完了《Android-第一行代码》这本书,这个寒假打算好学习一下python这门语言,一方面是由于对python的爬虫比较感兴趣,另一方面也是算是搜索查找的一种工具。这次学习由于没有找到...
  • BeMoreQuiet
  • BeMoreQuiet
  • 2017年01月09日 21:21
  • 1176

零基础的人怎么学习Java

编程语言Java,已经21岁了。从1995年诞生以来,就一直活跃于企业中,名企应用天猫,百度,知乎......都是Java语言编写,就连现在使用广泛的XMind也是Java编写的。Java应用的广泛已...
  • xiaoye142034
  • xiaoye142034
  • 2017年10月07日 15:43
  • 1206

零基础Vue入门学习记录(1)

最近想要学会的东西有vue-router,和怎么增删vue页面。这个东西做出来,我才能做出网站的前端页面。如果可以,我还希望能学会使用vue提取数据。我目前的水平就是稍微懂一点点js,连曾经的神器jQ...
  • Joshua_HIT
  • Joshua_HIT
  • 2017年03月01日 14:54
  • 1780

零基础学习Java步骤

零基础学习Java步骤
  • javaniuniu
  • javaniuniu
  • 2017年02月06日 12:46
  • 2818

零基础正则表达式学习

正则表达式是一种文本模式,包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为“元字符”)。模式描述在搜索文本时要匹配的一个或多个字符串。 1.正则表达式基本语法 两个特殊的符号'...
  • chenyongkai1
  • chenyongkai1
  • 2016年07月28日 20:28
  • 500

零基础HTML学习历程 (一) 初识HTML

首先我是拿着这本书开始我的HTML入门之旅的(如下图) 对这本书的评价在网上都有,我就不多说了哈。 先给HTML下个含义:HTML是超文本标记语言(HyperText ...
  • feizaoSYUACM
  • feizaoSYUACM
  • 2016年10月27日 08:59
  • 639

SQL零基础学习笔记(一)

真的不知道我写了这么多不同的的学习笔记又没用。。开始SQL零基础学习笔记   百度百科:SQL(Structured Query Language)结构化查询语言,是一种数据库查询和程序设计语言,...
  • hacke2
  • hacke2
  • 2012年02月03日 17:36
  • 2163

零基础学matlab函数

研一时复习MATLAB,学习收集了各种有趣的函数,促进自己学习。 例如,立体字符显示,动画制作,曲线拟合,下面展示雪花动画代码(非原创,代码注明作者和地址): %% 设置部分 %***********...
  • ture_dream
  • ture_dream
  • 2016年10月11日 10:39
  • 517

OC基础-零基础学习Objective-C:第一部分.类和对象

本人也是Objective-C的小白,以下只是记录我学习过程的历程,如有不对的地方或者疑问欢迎指正。 原发表在新浪微博上,现转移到这里 必备工具: 1.一本书,建议《Objective-C基础教程...
  • l522402543
  • l522402543
  • 2015年08月28日 21:45
  • 987
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:学习笔记-《零基础学习HTML5—html+css基础 》4.CSS基础样式(上)
举报原因:
原因补充:

(最多只允许输入30个字)