CSS语法顺序

一、基本顺序

1、style 包含在 head 之中。

2、样式有开始有结束。

<html>
<head》
<title>无标题文档</title>
  <style text="text/css">
  </style>
  </head>

二、CSS写法

1、样式效果需写在{}里来实现CSS功能。

2、在文字用【li】引用下,则用【li】实现对文字的控制。

3、引用样式、#p 需用【class】引用,".p"需用【id】引用。也可直接写html中文字标签来实现。

  <style text="text/css">
 li{color:black; font-size:20px; background-color:#F00; list-style-type:none; font-family:微软雅黑  !important;}
 p{color:blue; background-image:url(../%E8%A1%A8%E6%A0%BC/imges.jpg);}
 span{background:#0F0;}
  </style>
  </head>
 <body >
 <div align="center">
  <li><span> 硅谷趋势</span>:如何用Uber和Airbnb的模式改变一切</li>
  <p >360安全卫士百度壁纸鲁大师迅雷暴风影音</p>
  <p>计算机回收站激活工具有道词典宽带连接安全浏览器</p>
  <p>中文网视频优酷网爱奇艺汽车之家</p>
 </div>
时间: 2024-12-17 16:53:02

CSS语法顺序的相关文章

CSS语法与用法小字典

前言:这是上学时期对CSS学习的整理,一直没见过光,由于不是专门做前端开发的,难免写不到重点,但对于看懂CSS,和掌握一些基本的用法,熟悉里面的门路还是大有裨益的.由于是从word中贴过来的,排版和格式都稍差些.方便日后自己查阅,方便自己同时也方便他人,多好的一件事啊,呵呵! CSS目录 一.       CSS简介... 4 1.    CSS的分类... 4 1.1      内嵌样式... 4 1.2      内部样式表... 4 1.3      外部样式表... 4 2.    样式

我给女朋友讲编程CSS系列(2)- CSS语法、3大选择器、选择器优先级

首先看一下使用Css设置h1标签字体颜色和大小的例子,效果图如下: 新建一个网页test.html,然后复制粘贴下面的内容: <html> <head> <style type="text/css"> h1 {color:red; font-size:14px;} </style> </head> <body > <h1>使用Css让h1标签字体变红</h1> </body> &

标准化css属性顺序

前言 对于css文件而言,选择器的写法有它的讲究,如—— 1> 不要用ID选择器 2> 不要用通配符*选择器 3> 选择器的层级 ...... 对于属性值的写法也有他的讲究,如—— 1> 复合属性,如font.background.margin.padding等 2> 颜色.单位.hack.css3属性等 ...... 大家往往忽略一点,便是属性的书写顺序. 来自http://mdo.github.io/code-guide/,它所提倡的css属性顺序如下—— 1> P

一个由自增运算符以及C语法顺序细节引起的bug

 一.问题描述 在编写modbus代码时发生一件由语法细节引起的bug,起因是自增运算符以及C语法顺序. 输入的数据是2233=0X08B9,高低字节顺序是0x08 0xB9, 使用modbus poll向92寄存器写入十进制数据2233. 但是经过(*reg++)*256+(reg++)之后,结果变成了0xB908. 检查内存也是0xB908. 说明reg_value写入了错误的数. 二.问题调查 反汇编后查看. 1)LDRB R2,[R5],#0X01 --> 把R5数据的低字节放入R2,并

Unit02: CSS 概述 、 CSS 语法 、 CSS 选择器 、 CSS声明

Unit02: CSS 概述 . CSS 语法 . CSS 选择器 . CSS声明 my.css p { color: yellow; } demo1.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 2.内部样式:在head元素内部的style标签内 写样式,这种样式

CSS基础学习三:CSS语法

CSS语法分为基础语法和高级语法. 一CSS 基础语法 (1)CSS 语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明,请使用花括号来包围声明. selector {declaration1; declaration2; ... declarationN } 选择器通常是您需要改变样式的 HTML 元素.每条声明由一个属性和一个值组成.属性(property)是您希望设 置的样式属性(style attribute).每个属性有一个值.属性和值被冒号分开. selector {

js语法和css语法的对比

方法: document.getElementById("xx").style.xxx中的所有属性是什么 盒子标签和属性对照 CSS语法(不区分大小写) JavaScript语法(区分大小写) border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBotto

CSS语法

1.CSS语法规范总结 内联样式:有样式声明组成 <h1 style="background-color:silver;color:blue;">文本</h1> 样式表:有多个样式规则组成 每个样式规则有两部分:选择器和样式声明 2.CSS样式表特征 继承性 大多数CSS的样式规则可以被继承 层叠性 可以定义多个样式表 不冲突时,多个样式表中的样式可层叠为一个 优先级 样式定义冲突时,按照不同样式规则的优先级来应用样式 3.样式优先级 浏览器缺省设置 外部样式表

css选择器顺序的小技巧

在线演示 本地下载 css的选择器的顺序其实很有意思,如果应用的好的话,可以做一些简单的逻辑出来,配合上css3,就可以尽可能的脱离js了. 这里的演示是一个带有hover事件的四张照片,效果来自一个国外优秀单页,我在recode的时候做的,看源码他应该是用的js,我这里改成了css做,正好可以演示一下css选择器的顺序技巧. 首先是li标签的样式,这里就不说了,主要说一下hover的操作. 显示ul的hover,让所有的li标签缩短宽度. ....... 原文来自:css选择器顺序的小技巧