[JavaWeb基础] 028.CSS简介和基础语法

css 概述

  • CSS 指层叠样式表 (Cascading Style Sheets)
  • 样式定义如何显示 HTML 元素
  • 样式通常存储在样式表
  • 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
  • 外部样式表可以极大提高工作效率
  • 外部样式表通常存储在 CSS 文件
  • 多个样式定义可层叠为一

css 的优先顺序

  • 浏览器缺省设置
  • 外部样式表
  • 内部样式表(位于 <head> 标签内部)
  • 内联样式(在 HTML 元素内部)

css 的基础语法

  • 代码结构

  • 颜色的写法

    p { color: #ff0000; } ,p { color: #f00; } 和 p { color: rgb(100%,0%,0%); }的写法都是正确的

  • 值为若干单词记得引号

   p {font-family: "sans serif";}

  • 每行只描述一个属性

    p {
      text-align: center;
      color: black;
      font-family: arial;
    }

  • 空格和大小写

    大多数样式表包含不止一条规则,而大多数规则包含不止一个声明。多重声明和空格的使用使得样式表更容易被编辑:

   body {
    color: #000;
    background: #fff;
    margin: 0;
    padding: 0;
    font-family: Georgia, Palatino, serif;
   }

   是否包含空格不会影响 CSS 在浏览器的工作效果,同样,与 XHTML 不同,CSS 对大小写不敏感。不过存在一个例外:如果涉及到与 HTML 文档一起工作的话,class 和 id 名称对大小写是敏感的。

  

本站文章为宝宝巴士 SD.Team原创,转载务必在明显处注明:(作者官方网站:宝宝巴士)

转载自【宝宝巴士SuperDo团队】原文链接: http://www.cnblogs.com/superdo/p/5023602.html

时间: 2024-12-13 04:23:04

[JavaWeb基础] 028.CSS简介和基础语法的相关文章

最最最最最最最最基础的C---C简介和基础算法

C简介 C是一门程序设计语言,面向过程的语言.于1972至1973年设计出来的语言. C具有32个关键字,9种控制语句,34种运算符. 函数是C的基本单位:一个C程序的执行总是从main函数开始的. C程序运行步骤:源程序--编译-->目标文件--执行-->可执行目标程序. 基础算法 完整的程序设计=数据结构+算法+程序设计方法+语言工具 算法特效: 1.有穷性:一个算法包含有限的操作步骤 2.确定性:确定算法的每一个步骤都是确定的 3.有零个或多个输入 4.有一个或多个输出 5.有效性:算法

Bootstrap&lt;基础一&gt; CSS 概览

原文:Bootstrap<基础一> CSS 概览 HTML 5 文档类型(Doctype) Bootstrap 使用了一些 HTML5 元素和 CSS 属性.为了让这些正常工作,您需要使用 HTML5 文档类型(Doctype). 因此,请在使用 Bootstrap 项目的开头包含下面的代码段. <!DOCTYPE html> <html> .... </html> 如果在 Bootstrap 创建的网页开头不使用 HTML5 的文档类型(Doctype),

css系列教程--简介及基础语法和注意事项

css简介:css指的是层叠样式表,cascading style sheets.用来定义html中的dom节点如何展示在页面中的问题.解决了内容与表现形式的分离问题.常见的样式表有外部链接样式表和内部样式表,简称,外链和内联. css基础表现形式:cssname{porerty:value} div{width:100px;} 注:样式表的声明是可以覆盖的,分为以下几种情况:1.外部样式表重新定义.在外部样式表中,定义了两次同样的名称,不同的样式属性的css,默认会以最后一次定义的为准或者最后

HTML&CSS基础学习笔记3-HTML的标签语法

HTML标签语法 1. 标签由英文尖括号<和>括起来,如<html>就是一个标签. 2. HTML中的标签一般都是成对出现的,分开始标签和结束标签.结束标签比开始标签多了一个/.如: <p></p> 3.标签的内容是开始标签与结束标签之间的内容,如:<h1>这是标题</h1>. 4. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div

css基础css页面布局基础

样式可以在HTML中定义,也可以在一个单独的外部样式文件中定义.样式可以分为嵌入式样式表,外部样式表,内联样式表. 外部样式表:首先要建一个后缀为.css的样式表文件,然后在web文档中的<head>段使用<link>标记,这样就可以将一个外部样式表文件链接到文档中. 语法:<link rel="stylesheet" type="text/css" href="样式表的url"/> 嵌入式样式表:在web文档

多线程并行计算连载----简介和基础概念

一.背景: 最近对多核条件下的并行.并发编程感兴趣,专门学习了一下.在此将学习后梳理的知识点写上来,若有不妥之处,望指正. 环境:因为Java语言对多线程的支持度较好,因此在介绍的时候选用Java来表达相关概念. 内容: 1.并行并发的概念.基础知识,Java中基础语法的介绍 2.并行程序: 多线程条件下的数组求和算法:介绍普通算法和fork-join 框架在此处的应用:及分而治之的思想 ... 3.并发程序: ... ... 二.并行.并发区别 并行:把一个大的任务,分解成多个子任务,在多个C

(1) css的核心基础

 css的核心基础 1.css的基本语法在具体使用css之前,请各位兄弟姐妹先思考一个生活中的问题,一般情况下我们是如何描述一个人的呢? 小明{ 民族:汉族: 性格:温柔: 性别:男: 体重:68kg: 身高:172CM: } 这个表实际是由3个要素组成的,即姓名.属性.属性值.通过这样一张表,就可以把一个人的基本情况描述出来了.表中每一行分别描述了一个人的某一种属性,以及该属性的属性值. css的规则:三级标题{                             用英文写出来:h3{ 

CSS+DIV入门第一天基础视频 CSS选择器层叠性和继承性

大家好,我是小强老师, 现在网上的CSS+DIV视频,要么讲的太深,要么太浅,很多初学的同学们总是遇到困难,今天小强老师专门给大家准备了css课程的视频.带你从零基础学习CSS+DIV一直到能独立完成前台网页制作.小强老师是这样分类的,前几次课,我们将CSS+DIV入门基础,后几天课程我们讲案例制作.咱们接下来讲的是css基础部分. 高清视频地址如下: 01  css语法规范:                       http://www.tudou.com/programs/view/8s

前端基础之css复习

!/usr/bin/env python# -*- coding: utf-8 -*-#前端基础之CSS#CSS 语法#CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明.''' selector { #选择器 property: value; #属性:值 property: value; ... property: value } '''#例如:#h1 {color:red; font-size:14px;}# css的四种引入方式#1.行内式# 行内式是在标记的style属性中设定