CSS基础知识一（CSS的应用方式、CSS选择器、选择器的声明、文字CSS效果、）

傷城~ 2022-07-24 03:18 301阅读 0赞

一、CSS在网页中的应用方式：

1、  行业样式：（把css样式写入html中----不推荐使用）

例如：<p style=”font-size:12px;” >网页</p>

2、  内嵌样式：（在<head></head>之间）

<style type=”text/css”>

Html标记 / 类名称（class=”类名称”）\{

Color  :  red;

属性  ：属性值；

\}

</style>

如：如果一个整站有很多页面，此方法很麻烦，适用于一个页面

3、  链接样式：（在<head></head>之间）

<link href=”style.css”rel=”tyllesheet” type=”text/css”>

注：css代码和html完全分离，推荐使用

4、  导入样式：例子：

<style>

<!—

@import url(“main.css”);

\-->

</style>

以上优先级：由高到低

1行内样式----à内嵌样式、链接样式--à4导入样式

内嵌样式和链接样式，这两个优先级不一定，主要看谁的位置在前就读谁

二、CSS选择器

1、标记选择器（自动应用）：

<style>

H1,p,span\{-------------选择器

color:red;

属性：值；

\}

</style>

2、类别选择器（手动应用）

<style>

.text\{-------------类别选择器（定义的class=”text”）

color:red;

属性：值；

\}

</style>

3、id选择器

<style>

\#idone \{-------------id选择器（定义id=”idone”）

Font-weight:bold;-----加粗

属性：值；

\}

</style>

Id选择器和类别选择器的区别：

（1）      id选择器是：\#号

类别选择器是：.(点)

(2)id选择器用于整个布局，一个页面只用一次

类别选择器用于样式，用于多个页面

三、选择器的声明

1、集体声明：用逗号，如：

H1,h2,p,span\{

Text-decoration:underline;

\}

2、全局声明：\*号

\*\{-----\-对于这个页面

Bgcolor:red;

\}

四、文字CSS效果

<span></span>-------行内元素，单独对某一个进行设置

**Font:**

font-style:istalic;------文本倾斜（<i></i>）

font-style:normal;-----文本不倾斜

font-weight:bold / normal;-----文本加粗、不加粗

font-family:”黑体”;-------字体（<b></b>）

font-size:20px;----------文本大小

color:red;--------------文本颜色；

**线：**

text-decoration:overline;------------上划线

text-decoration:underline;-----------\-下划线（<u></u>）

text-decoration:line-through;-----------\-删除线（<s></s>）

** **

** **

**字母：**

Text-tansform:capitalize;--------\-单词首字母大写

Text-tansform:uppercase;---------单词首全部大写

Text-tansform:lowercase;---------单词首全部小写

Letter-spacing:2px;---------字母间距

发表评论取消回复

表情：

评论列表（有 0 条评论，301人围观）

还没有评论，来说两句吧...

相关阅读

相关 css 引入方式以及css的选择器

一、css的引入方式: 1.行内样式 <div> <p style="color: red">我是一个段落</p> </div> 2.内接样式

r囧r小猫/ 2023年06月03日 14:57/ 0 赞/ 109 阅读

相关 css选择器_CSS选择器

css选择器 CSS选择器简介 (Introducing CSS Selectors) A CSS selector is the part of a CSS rule

客官°小女子只卖身不卖艺/ 2022年12月03日 11:26/ 0 赞/ 487 阅读

相关 css通用选择器用_通用选择器（CSS选择器）

css通用选择器用描述 (Description) The universal selector matches any element type. It can b

朱雀/ 2022年12月03日 11:26/ 0 赞/ 430 阅读

相关 css 属性选择器_CSS选择器：属性选择器

css 属性选择器 ![cssmasterthumb][] The following is an extract from our book, [CSS Master][

本是古典何须时尚/ 2022年12月03日 09:59/ 0 赞/ 484 阅读

相关【css】css常用的选择器

CSS的选择器有标签选择器、类选择器、id选择器、层级选择器、组选择器、伪类选择器 <table> <thead> <tr> <th>选择器</th>

￡神魔★判官ぃ/ 2022年11月26日 08:41/ 0 赞/ 283 阅读

相关 [CSS一] css基础和选择器

一、css基础 1. css 的定义 > css(Cascading Style Sheet)层叠样式表，它是用来美化页面的一种语言。没有使用css的效果图

﹏ヽ暗。殇╰゛Y/ 2022年11月26日 05:00/ 0 赞/ 310 阅读

相关 CSS选择器相关以及CSS选择器的优先级

首先，当我们给css中的选择器设定样式后，有一些属性并没有起作用。通过FireBug查看发现一些属性被覆盖了。那么CSS的优先级是如何的呢？在CSS中，基本选择器诸如 id

偏执的太偏执、/ 2022年08月19日 02:18/ 0 赞/ 385 阅读

相关 CSS基础知识一（CSS的应用方式、CSS选择器、选择器的声明、文字CSS效果、）

一、CSS在网页中的应用方式： 1、行业样式：（把css样式写入html中----不推荐使用）例如：<p style=”font-size:12px;” >网页</p

傷城~/ 2022年07月24日 03:18/ 0 赞/ 302 阅读

相关 CSS基础选择器

CSS基础选择器标签选择器（元素选择器）标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下：

布满荆棘的人生/ 2022年03月21日 05:12/ 0 赞/ 338 阅读

相关 css 选择器

Css中的选择器：

忘是亡心i/ 2021年06月24日 13:59/ 0 赞/ 737 阅读