志达IT
做快乐程序员

css怎么入门(css的基本语法)

css怎么入门

1.CSS概述
CSS是级联样式表,缩写自级联样式表。
CSS的作用是在像素级准确控制网页中元素位置的布局,达到美化页面的效果,实现页面风格和结构的分离。
CSS的效果和我们日常生活中使用的化妆技巧是一样的。化妆技术可以让人看起来更好,而CSS可以美化页面,使其更具吸引力。
使用CSS前后的对比效果如下:
2.CSS语法规则
CSS语法规则可以概括为:选择器+几个属性声明
用于确定修改对象的选择器
属性声明,确定对其进行哪些修改
CSS语法规则示意图如下:
css
3.CSS导入方法
引入CSS有三种方式,即内部样式、内联样式和外部样式。
1.内部风格
内部样式:使用<style>标记将CSS直接写入该标记,从而达到将其嵌入HTML文件的效果。
<style>p{font-size:28px;color:红色;}
</style>
理论上,上面提到的<style>标签中的CSS可以放在HTML中的任何地方,但它通常放在<head>标签内。
内部样式的优点是可以将样式与页面结构分离,而缺点是分离不够彻底,尤其是当有大量CSS内容时。
2.内联样式
内联样式:使用样式属性设置指定元素的样式。该样式直接写入属性键值对,而无需写入选择器,并且该样式仅对当前元素生效。
<body>你好世界</P>
</body>
内联样式方法只适用于编写简单的样式,而不适用于过于复杂的样式,并且只适用于特定的标签。
内联样式方法具有更高的优先级,当以多种方式引入同一零件时,内联样式将覆盖其他样式。
3.外观风格
外部样式:将CSS代码视为单独的代码。css文件,然后通过link属性将css文件导入到相应的HTML文件中。
外部样式的主要步骤分为两个步骤,即创建相应的CSS文件和使用<link>标记导入CSS文件。
外部样式是在实际开发中引入CSS最常用的方式,它完全分离了样式和结构。但是,由于浏览器缓存的影响,修改不一定会立即生效。

css的基本语法

CSS 语法由三部分构成:选择器、特点和值。selector {property: value}选择器 (selector) 通常是你希望界说的 HTML 元素或标签,特点 (property) 是你希望改变的特点,而且每个特点都有一个值。特点和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration):body {color: blue}上面这行代码的作用是将 body 元素内的文字颜色界说为蓝色。在上述比如中,body 是选择器,而包含在花括号内的的部分是声明。声明依次由两部分构成:特点和值,color 为特点,blue 为值。css

赞(0)
未经允许不得转载:志达IT网站 » css怎么入门(css的基本语法)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

志达IT网站 每天分享编程和互联网的IT技术博客

登录/注册联系我们