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

一.css的引入方式: 1.行内样式 <div> <p style="color: red">我是一个段落</p> </div> 2.内接样式 <style type="text/css"> span{ color: red; } </style> <span>我是span中的文字</span> 3.外接样式 …

我们都知道css有3种基本设置方式即 1.行内也叫嵌入式例如: <div style='background:red'></div> 2.内联式,在html文件中用style标签包裹着的例如: <html> <style type='text/css'> div{ background:red; } </style> </html> 3.链接式,在html文件中用link标签引用进来着的例如: <html> <…

认识CSS中css引入方式、选择器、文本样式设置以及显示模式

前端之HTML.CSS(三) CSS CSS-Cascading Styles Sheets,层叠样式表.用于网页的表现,主要用于布局和修饰网页. CSS引入方式 CSS的三种引入方式:行内样式,内部样式表,外部样式表. 行内样式:通过标签的style属性设定样式,基本语法:<标签名 style="属性1:属性值1:属性2:属性值2:...">内容</标签名>. <!DOCTYPE html> <html> <head> &l…

day 42 01--CSS的引入方式及CSS选择器

01--CSS的引入方式及CSS选择器本节目录一 CSS介绍二行内样式三内接样式四外接样式五 CSS的选择器六 CSS的高级选择器七 CSS的属性选择器八 CSS的伪类选择器九 CSS的伪元素选择器一 CSS介绍现在的互联网前端分三层: a.HTML:超文本标记语言.从语义的角度描述页面结构. b.CSS:层叠样式表.从审美的角度负责页面样式. c.JS:JavaScript .从交互的角度描述页面行为 CSS:Cascading Style Sheet,层叠样…

link标签和css引入方式

link常见用途 <link> 标签最常见的用途是链接样式表,在 HTML 中,<link> 标签没有结束标签,此元素只能存在于 head 部分,不过它可出现任何次数. <head> <link rel="stylesheet" type="text/css" href="theme.css" /> </head> 使用link引用网页收藏夹图标 <link rel="i…

项目复习期总结3：CSS引入方式，凝视，命名规范，背景，行高，文本属性

文件夹: 1.CSS凝视的书写怎么写?优点? 2.CSS引入方式各种的优缺点 3.选择器的写法与选择器的优先级 4.CSS命名规范 5.背景,行高 6.文本(text与font开头)等全部属性 ① CSS凝视书写规范: 1.单行凝视: 直接写在属性值的后面.如: ① .search{ border:1pxsolid#fff;/*定义搜索输入框边框*/ background:url(../images/icon.gif)no-report#333;/*定义搜索框的背景*/ }…

css引入方式和基本样式

css的三种引入方式: 1.内嵌:直接在标签中添加style属性格式:<标签名 style="样式1:样式值1:样式2=样式值2:"></标签名> 2.内联:在head标签中添加style中 id选择器: #id值,.class值,元素选择器(标签名),关系选择器(并列关系和父子关系) 选择器优先级 id选择器>class选择器>元素选择器>关系选择器 3.外部引入需要创建一个xxx.css文件在head标签中添加link标签 <l…