笔记4,初识CSS

1、CSS(层叠样式表)

2、CSS语法  选择器{属性名1:属性值1  属性名2:属性值2}

3、引用CSS的三种方式

第一种:行内样式  例:<a style="color:red;">内部样式</a>

第二种:内部样式  在head标签中,写入style标签  

例:<head>

  ....

  <style type="text/css">

  h1{......}

  </style>

  </head>

第三种:外部样式

使用步骤:1、创建一个以.css为后缀的文件(CSS文件)

2、在html中通过link引入css文件<link rel="stylesheet" href="css文件路径">

四、基本选择器

1、标签选择器  标签名{}  2、类选择器  .css属性值{}  3、id选择器  #id属性值{}

五、层次选择器

1、后代选择器  父元素 子元素{}  2、子选择器  父元素>子元素{}

3、相邻兄弟选择器  本元素+相邻兄弟元素{}  4、通用兄弟选择器  本元素~兄弟元素{}

六、结构伪类选择器

E F:first-child {} //第一个子元素 

E F:last-child {} //最后一个子元素

E F:nth-child(?){} // ?表示第几个子元素,还可以使odd为奇数,even为偶数

E F:first-of-type {} //指定类型的第一个元素  

E F:last-of-type {} //指定类型的最后一个元素

E F:nth-of-type(?) {} // ?表示指定类型的第几个子元素

注意:E F:nth-child(n)在父级里从一个元素开始查找,不分类型

   E F:nth-of-type(n)在父级里先看类型,再看位置

七、属性选择器

作业:每一章的第一个和最后一个联系写在本子上(周上课) 

每周六晚之前,把本章结束的练习的电子文件发过来。(博客地址)

11.6检查笔记

时间: 2024-11-17 16:43:58

笔记4,初识CSS的相关文章

7.30 2014 初识css

今天初识css3看来JQuery高级编程要放到最后去看了.笔记:     a:link    {color:blue;} 未访问     a:visited {color:blue;} 已访问     a:hover   {color:red;}   悬浮     a:active  {color:yellow;}活动链接 css代码格式     p{          css属性:属性值         } border-radius:xxpx;(边框圆角)    padding-(top,l

Silverlight项目笔记2:初识Prism以及IoC

项目采用了Prism框架,以下为自己的一些初步认识:   一.Prism Prism是由微软Patterns & Practices团队开发的针对WPF和Silverlight的MVVM框架,好处是将功能模块化,能有效减小程序大小,增强扩展性与可维护性. Prism的几个关键点: (1)启动器类UnityBootstrapper Silverlight程序入口处调用Bootstrapper.Run方法时,Prism会自动做一些初始化工作,包括读取模块信息表,创建模块类实例并初始化(还可以选择按需

初识 CSS

一.css介绍 1.CSS(Cascading Style Sheets),称为层叠样式表.它可以很方便地给html元素提供样式,提高美观度.其最大的使用目的是让html文档结构和内容的显示样式分离开来. 2.CSS的语法结构:Selector  { Property : Value; } selector:即需要改变样式的元素:property:需要改变的属性:value:属性的值: 3.CSS的引用方式: 1.行内引用:直接在标签中添加style属性,并设置样式: 1 <p style=&quo

天书笔记:HTML+CSS实现顶部导航栏

此笔记纯属本人脑残笔记,阅读困难不理解属正常现象,初学者尽量不要阅读,否则轻则口吐白沫重则走火入魔,切记切记 先晒效果图: 效果要求类似于b站的顶部导航(..原谅我老是拿b站做例子:) ) 然后是代码 下面逐条分析这一堆东西 HTML部分主要是这个: 1 <div class="topbar"> 2 <div class="topbody"> 3 <a class="title" href=""&

牛腩新闻发布系统笔记——怎么写CSS

根据这牛腩学习敲新闻发布系统已经有一段时间了,挺佩服牛腩的,讲那么多东西,我听着也不觉得枯燥,反而有种,一不留神就会错过很多东西的感觉,所以有些地方也是重复又重复的在看. 这篇博客就总结总结小编在学习牛腩新闻发布系统的时候一些笔记.可能知识还比较原生态,but who cares.现在先提炼出来,以后慢慢的体会和升华吧. 牛腩一部分可以说是和机房相似,也是让我从.net到c#的一个过渡.中间一部分就是讲div +css了.里面的知识说多也不多的,根据不同的需求,它又有各种变形和组合,这加起来就有

CSS权威指南学习笔记系列(1)CSS和文档

题外话:HTML是一种结构化语言,而CSS是它的补充:这是一种样式语言.CSS是前端三板斧之一,因此学习CSS很重要.而我还是菜鸟,所以需要加强学习CSS.这个是我学习CSS权威指南的笔记,如有不对,请谅解和指出.谢谢大家.正文: 第一章 CSS和文档---------- 1.CSS,称为层叠样式表.使用CSS的理由有:a.易于使用,样式表能大大减少Web创作人员的工作量:b.在多个页面上使用样式,可以创建一个样式表,然后把这个样式表应用到多个页面:c.层叠,CSS还规定了冲突规则:这些规则统称

Java学习笔记心得——初识Java

初识Java 拿到这本厚厚的<Java学习笔记>,翻开目录:Java平台概论.从JDK到TDE.认识对象.封装.继承与多态...看着这些似懂非懂的术语名词,心里怀着些好奇与担忧,就这样我开始走进Java的世界.  Java产生的历史 Java来自于Sun公司的一个叫Green Project中撰写的程序语言,全球信息网(World Wide Web)兴起,Java Applet成为网页互动技术的代表,特别适合于Internet应用程序开发. Java语言的特点 1.面向对象 这是Java最重要

CSS权威指南学习笔记 —— 初步认识CSS

层叠样式表(Cascading Style Sheets,CSS)可以影响文档的表现.CSS是依附于文档的,如果不存在某种文档,CSS基本上是没有用的. 为什么会有CSS 在web早期(1990-1993),HTML由一些结构化元素组成,用于描述段落.超链接.列表和标题等.简单来说刚开始的时候,HTML是个非常有限的语言,并不关心外观,一篇文章,里面有一些超链接.大概张这个样子. 后来有了第一个图形浏览器Mosaic,把浏览网页的体验变得更好,各种网站就开始涌现了.然后人们对网页的需求也变得越来

【笔记JS/HTML/CSS】web中的HTTP协议(1)

最近都在coursera刷课,加上自己课业也忙起来了,总是忘记写学习笔记ORZ 自省ing... 在写HTML的时候,form表单需要通过HTTP协议向服务器提交.查询数据(如下图) 客户端通过HTTP协议,向Server发送数据 主要方式有GET和POST两种(其他的还有PUT.DELETE 和 HEAD) HTTP message 格式有两种request和response. 其中request message可以抽象成下图: HTTP head 包含一些请求信息,第一行是request l