Cascading Style Sheet层叠样式表

选择器

标签:<p> <div>...之类的标签使用方式：直接输入标签名

类（class）: class 名字使用方式：输入点+class名

ID： ID名使用方式：输入#+id名

一把来说我们写CSS文件的时候用的斗士第二种选择器，class名
这是因为ID名一般被用作JS的选择器
给class命名也是有规范的，像 xxx-xxxx 这样做的好处是让你的代码
更清晰，别人也更容易看懂。

三种连接样式

行内样式（内嵌样式）： <h1 style="font-size: 24px;" >绝句</h1>
直接写在标签里，使用style属性，只对当前标签有效，页面内容和表现形式
是高度耦合的，不利于分工合作

内部样式（内联样式）：<style type="text/css">
       p {
               font-size: 24px;
           }
       </style>
内部样式是在head部分使用<style>标签，样式对当前页面有效，内容和表现形式
实现了一定程度的分离，但不彻底

外部样式（外联样式）： .text4{
text-align: right;
}

外部样式需要一个link标签来与html连接起来，内容与表现形式完全分离，
而且任何需要用到改样式的页面都可以通过link标签连接的方式来实现

Cascading Style Sheet层叠样式表相关推荐

CSS3(Cascading Style Sheet) 层叠样式表
CSS是Cascading Style Sheet 层叠样式表或级联样式表,简称"样式表".利用样式可以定义页面的样式,大大减少网页的设计工作量.也可以美化页面,精准定制页面的布局 ...
什么是CSS，有什么作用？\nCSS(Cascading Style Sheet)：层叠样式表语言。\nCSS的作用是：\n修饰HTM
什么是CSS,有什么作用?\nCSS(Cascading Style Sheet):层叠样式表语言.\nCSS的作用是:\n修饰HTML页面,修饰HTML页面张的某些元素的样式,让HTML页面更好看. ...
CSS（Cascading Style Sheet）
文章目录 CSS(Cascading Style Sheet) 使用方式基本语法颜色写法选择器*** 标签选择器 id选择器类选择器选择器分组层次选择器伪类 pseudo-classes ...
CSS(Cascading Style Sheet)总结
CSS 层叠样式表 (Cascading Style Sheet) 1.字体设置: 有继承性,给父元素设置,子元素可继承. (1)字体倾斜:font-style:normal/italic (2)字体 ...
CSS cascading style sheet
html+css+javascript 结构+表现+交互 css怎么用(快速入门) css选择器(重点,难点) 美化网页(文字,阴影,超链接,列表,渐变) 盒子模型浮动定位网页动画(特效)非重点 ...
css sheet2.0,详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
CSS3.0(Cascading Style Sheet) 层叠级联样式表快速入门: CSS01 h1 { color: red; } 标题一 CSS的三种导入方式: 行内样式(优先级最高,但不建议 ...
CSS(层叠样式表cascading style sheet)——CSS样式、基础选择器
一.CSS作用对页面的外观进行美化统一网站页面的风格实现内容和样式的分离,适合团队开发二.CSS语法规范三.CSS引入方式 CSS的3种样式表书写位置的不同分为:行内样式表(行内式) ...
CSS(Cascading Style Sheets) 层叠样式表
CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局等外观显示样式. CSS以HTM ...
cascading style sheet第一课
css引入方式: 1.内嵌式,写到<head>里面,<style>.(小案例适用) 2.外联式:写在单独的css文件中,通过link标签引入.(head里写<link r ...
Cascading Style Sheet 层叠级联样式表
CSS发展史 CSS:表现(美化网页) CSS2.0 DIV(块)+CSS,HTML与CSS结构分离的思想,网页变得简单,SEO CSS2.1 浮动,定位 CSS3.0 圆角,阴影,动画....游览器 ...

Cascading Style Sheet层叠样式表

Cascading Style Sheet层叠样式表

Cascading Style Sheet层叠样式表相关推荐

最新文章

热门文章