css样式表的选择器与分类

css 样式表的作用：

主要用于结构,样式与行为,CSS主要的作用就是美化网页的一个语言,它的特点:

1.结构与样式分离的方式,便于后期维护与改版;

2.样式定义精确到像素的级别;

css样式表的结构：CSS 称为层叠样式表 用于给网页设置各种样式 css样式的语法由3部分组成，选择器，属性和值。

css的分类：主要分： 内联，内嵌，与外联。 内联： 写在标签里， 控制精准，代码重复性差，优先级最高。 内嵌： 嵌在页面head里面，控制没有内联的精准，代码重复性好。 外联： 单独的样式文件，引入：<link href="test.css" rel="stylesheet" type="text/cs        控制没有内联的精确，代码重用性最好。

css的选择器：1.标签：根据标签名选中元素2.class：. (点)根据class名来筛选3.id：# (井号)根据id名来筛选出唯一元素 4.[属性]：选择出具有某一属性的元素5.复合：逗号并列,空格后代,点筛选

时间： 2024-08-08 01:12:49

css样式表的选择器与分类的相关文章

【3-24】css样式表分类、选择器、样式属性、格式布局

一.css样式表分类: (一)内联样式表:代码写在标签内的样式表控制精确代码重用性差优先级最高格式:<p style="样式属性">内容</p> <div style="text-decoration:line-through;">第四格第三元</div> (二)内嵌样式表:将代码写在标签<style type="text/css"></style>之间,此标签一

样式表分类: 1.内联样式表, 和html联合显示,例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表作为一个独立的区域内嵌在网页里,必须写在head里边. <style type="text/css"> p //格式对p起作用 {样式: } </style> 3.外部样式表新建一个CSS文件,用来放置样式表.如果要在HTML文件中调用样式表,需要在HTML文件中点右键→

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

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

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入门（css简介与样式汇总、CSS的使用方式、CSS样式表的特征、CSS基础选择器和复杂选择器、边框阴影）

一.CSS的作用 1.以统一的方式实现样式的定义 2.提高页面样式的可重用性和可维护性 3.实现了内容(HTML)和表示(CSS)的分离 HTML和CSS之间有什么关系? HTML:构建网页的结构 CSS :构建HTML元素的样式样式汇总: color:red 字体颜色 font-size:字体大小 font-family:字体样式 background-color 背景颜色 width:宽度 height:高度字体使用实例(样式) font-family:字体的种类 font-size:字

css样式表分类

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <link rel="stylesheet" href="index.css"> 7 8 9 &

网站开发综合技术第二部分 CSS样式表

第2部分 CSS样式表 CSS(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. /*注释*/ 注释语法 2.1.样式表的基本概念 2.1.1.样式表分类 1.内联样式表和html联合显示,控制精确,但是可重用性差,冗余多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表作为一个独立区域内嵌在网页里,必须写在head标签里边. <style type= "

HTML基础（三）——css样式表

CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/此为注释语法一.样式表 (一)样式表的分类 1.内联样式表和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css"> p

HTML静态网页（css样式表）美化

CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/ 此为注释语法一.样式表 (一)样式表的分类 1.内联样式表和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p >内联样式表</p> 2.内嵌样式表作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css"> p //格式对p标签起作用 { 样式: } </sty