CSS样式及标签选择器的初探

1,CSS样式几种控制写法

a,行内样式

1 <body>
2     <div><table style="color:red;"><tr></tr></table></div>
3 </body>

b,内嵌式

  

1 <head>
2     <title>网站yangshi</title>
3     <style type="text/css">
4          table{width:200 ;height:200; border:1px}
5     </style>
6 </head>

c,链接式

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

链接式是最常用的css样式

d,导入样式 (已基本停用)

<style>
    @import url(1.css)
</style>
时间: 2024-10-29 11:31:59

CSS样式及标签选择器的初探的相关文章

css样式表的选择器与分类

css 样式表的作用: 主要用于结构,样式与行为,CSS主要的作用就是美化网页的一个语言,它的特点: 1.结构与样式分离的方式,便于后期维护与改版; 2.样式定义精确到像素的级别; css样式表的结构:CSS 称为层叠样式表 用于给网页设置各种样式 css样式的语法由3部分组成,选择器,属性和值. css的分类:主要分: 内联,内嵌,与外联. 内联: 写在标签里, 控制精准,代码重复性差,优先级最高. 内嵌: 嵌在页面head里面,控制没有内联的精准,代码重复性好. 外联: 单独的样式文件,引入

CSS标签选择器(二)

一.CSS选择器概述 1.1.CSS功能 CSS语言具有两个基本功能:匹配和渲染 当浏览器在解析CSS样式时,首先应该确定哪些元素需要渲染,即匹配哪些HTML元素,这个操作由CSS样式中的选择器负责标识. 只有匹配到具体的对象之后,浏览器才能根据CSS样式声明,决定渲染的效果,并及时呈现在页面中. 1.2.CSS选择类型 标签选择器 ID选择器 类选择器 特殊选择器 1.3.CSS基本语法 二.标签选择器 2.1标签选择器概述 以文档对象类型的元素作为选择器,如p.div,span等. 最常用的

css(二)-- 选择器

选择器的作用是找到对应的数据进行样式化. 选择器的格式 选择器{  属性:属性值;  } 常用选择器 标签选择器        h2{  } 类选择器          .a {  }  <h2 class="a">           // 不能是数字 ID选择器          #a{  }  <h2 id="a">                // ID要唯一 交集选择器      h1,h2{  } 并集选择器(父类选择器) p

HTML (css样式规范)

CSS样式规范 1.类选择器 2.标签选择器 3.id选择器 4.CSS样式的子选择器 类选择器 1.必背的固定结构,成为CSS样式标记.所有的样式都可以写成CSS样式的标记中 <style type="text/css"> </style> 2. type=“text/css” 意思是声明这个标记是css样式类型 type:类型的意思 text:文本的意思 css:叠层样式表 3.类选择器语法格式 .类名 (点加类名) 写的位置:在css样式的标记中 调用方法

html基础二:css样式1

h't'm'l中用到css样式有三种方式: 1.在header中增加style标签,在style标签中写 2.用link标签引用css样式文件 3.在需要使用css样式的标签添加style属性 一.在header中的style定义 header中定义标签样式,是通过选择器来和对应的标签关联的 1.id选择器 一个html页面中,id是不能重复的. 效果如下: 2.class选择器 class选择器以.定位,一个html文件中可以有相同的class.定义了css样式以后,该class对应的所有标签

编写CSS样式

编写css样式: 1.标签里面直接写style属性 <div style="background: red;"> 标签里面直接写style属性 </div> 2.写在head里面,在head里面写style标签,在标签里面写样式 注意:一个html页面ID不能(最好不要)重复,所以这相当于<ID选择器>,给自己的ID定义了一个特定的样式.如果把id写重复了,重复的ID也会应用对应的样式. 3.也是写在head里面,但是是以.开头,class选择器 4

CSS的优先级、选择器、注意事项

CSS的优先级: 内嵌样式>ID选择器>类选择器>标签选择器 内部样式>内部样式>外部样式 CSS的选择器: 选择器:在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. 1.基本选择器(如下:): ID选择器:根据标签ID设置标签的样式(例如:#div1{height:100px;}),通常用来设置划分区间使用. 类选择器:根据标签的类设置标签的样式(例如:.div1{height:100px;}),通常用于设置不同标签却有相同样式. 标签选择器:根据标签名设置标

JS 控制CSS样式表

JS控制CSS样式,首先得确定一点,CSS与HTML页面的链接方式,因为CSS有3种与HTML页面结合的方式,不同的方式也会产生不同的结果. 下面先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... 1 <style type="text/css"> 2 .orig { 3 display: none; 4 } 5 </style> 你想要改变把他的display属性由none改为inline. 解决办法:

修改博客园css样式

看到一款博客园主题,感觉很好看,只是有些css样式不怎么满意,所以自己修改了下,修改的方法在这里记录了下.皮肤连接:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/tree/v1.1.9 F12查看元素,就可以看到css样式的标签,在这里调试好后,拷贝出来就可以了. 关于css和js的压缩工具网址:http://tool.chinaz.com/Tools/CssFormat.aspx 原文地址:https://www.cnblogs.co