0322css样式表,选择器

Css样式表

内联样式表:<p style="font-size:14px;">内联样式表</p>

内嵌样式表:必须写在head标签里面。

<style type="text/css">

  p   //格式对p标签起作用

  {

  样式;

  }

  </style>

外部样式表: 新建一个CSS文件,用来放置样式表。如果要在HTML文件中调用样式表,需要在HTML文件中点右键→CSS样式表→附加样式表。一般用link连接方式。

例如:源代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<link href="Untitled-css.css" rel="stylesheet" type="text/css" />

</head>

<body>

<p>王策最帅,人人都爱</p>

</body>

</html>

Css文件:

@charset "utf-8";

/* CSS Document */

<style>

*

{

margin:0px;

padding:0px;

}

p

{

background-color:#F00;

color:#0F0;

font-size:90px;

}

</style>

效果图

选择器

1.标签选择器。用标签名做选择器。

2.class选择器。都是以“.”开头。

3.ID选择器。以“#”开头。

<div id="样式名">

4.复合选择器

(1)用“,”隔开,表示并列。

(2)用空格隔开,表示后代。

(3)筛选“.”。

样式属性;

(一)背景与前景

1.背景:

2.前景字体:

(二)边界和边框

border(表格边框、样式等)、margin(表外间距)。padding(内容与单元格间距)。

(三)列表与方块

widthheight、(topbottomleftright)只有在绝对坐标情况下才有用。

链接的style

  a:link 超链接被点前状态

  a:visited 超链接点击后状态

  a:hover 悬停在超链接时

  a:active 点击超链接时

  在定义这些状态时,有一个顺序l v h a

时间: 2024-10-23 19:04:05

0322css样式表,选择器的相关文章

Html 初识样式表&amp;选择器

样式表&类选择器分类 样式表分类: 1.内联式样式表:在标签内部写样式代码,精确但不方便,增加工作量,后期修改麻烦. 2.嵌入式样式表:一般写在head内 以<style>......</style>方式可以控制整个页面内的某个标签样式. 3.外联式样式表:单独将样式表定义成一个css文件,然后在css文件中调节页面样式                             一般会在head标签内写一句:<link type="text/css"

css样式表选择器

样式表直接写在标签里面叫做内联<style type="text/css">内嵌<style="样式"> 在选择器里必须加px标签选择器在<head></head>里面标签选择器里所选的标签所有标签全部统一class选择器.123{ }<p class="123"></p>id选择器#div1{ }<div id="div1"></div

网站样式表选择器

<iframe src="0820.html" width="500"(宽) height="500"(高) frameborder="0" (是否显示滚动条)scrolling="no"></iframe> 嵌入一个页面 <frameset cols="300,*(代表所有)"(左右拆分)> 框架 不用body 可以嵌入多个页面 <marque

css概述、css样式表分类、选择器分类、css基础样式

1 . 样式表  Cascading Style Sheet css优势: 内容与表现分离 网页的表现统一,容易修改 丰富的样式,使网页布局更加灵活 减少网页代码量,增加网页的浏览速度,节省网络带宽 使用独立于网页的CSS,有利于网页被搜索引擎收录 嵌入ID>外部ID>嵌入class>外部class>嵌入标签>外部标签     1.1  引入方式 四种 style=""  行内样式表 <style>   内部样式表 <link rel=&

样式表(选择器))(样式)

一.选择器(样式表用来选取元素的) .标签:根据标签名选取元素 .class(.点)(根据class名来选取元素) .id(#井号)(根据id名来筛选出唯一元素) .复合:(逗号并列div,span)(空格后代#list li)(点筛选div·s) 二.样式 1.大小(width宽度)(height高度) 2.背景(background-color:背景颜色)(background-image:背景图片)(background-repeat:背景图的平铺方式)(background-positi

[2016-01-16][CSS][定义样式表(样式选择器)]

Class 定义:.classname{ 属性:属性值;} 使用:<p class = "classname"></p> ID 定义: #IDNUM{ 属性:属性值; } 使用:<p id = "IDNUM"></p> 组合选择器 定义:标记1,标记2...标记n{属性:属性值;} 使用:直接正常使用上面存在标记即可 伪选择器 calss的使用 ID的使用 组合选择器h1 h2 h3 伪选择器 1 2 3 4 5 6

表单,框架,样式表的分类及选择器基础

表单元素1.<from>代表表单,其中属性有action提交给你所设定的页面,method数据提交的方式(get显示提交有长度限制,post隐式提交). 2.文本的表示类型:1.文本框<input>其属性有type类型选择其中的text,valune是文本框的值,name是文本框的名称.2.<input>密码框,其中属性tybe选择password.3.隐藏域其tybe选择hidden.4!文本域用双标签<textarea>,他的值是写在开始和结束标签之间的

css样式表中四种属性选择器

css样式表中四种属性选择器1> 简易属性 tag[class]{ font-weight:bold } It will affect all tag with any class. e.g. <h2 class="old" > or <h2 class="new"> 2>精确属性值 a[href="http://www.cnblogs.cn"][title="textTitle"]{fon

css样式表---样式表分类、选择器

一.样式表分三类: 1.内联样式表.——放在元素的开始标记中.——只对当前元素起作用.<input name="txt" style="border:0px; border-bottom:1px solid black;" type="text" /> 例: 结果: 2.内嵌样式表.——放在页面的<head></head>中间.——可以对整个页面. <head> <meta http-equi