美文网首页我爱编程CSS学习笔记
前端开发学习笔记(三)- Css 样式

前端开发学习笔记(三)- Css 样式

作者: Showtime_ST | 来源:发表于2017-01-10 10:53 被阅读0次

    一.认识CSS样式

    CSS全程为“层叠样式表(Cascading Style Sheets)",它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小,颜色,字体加粗等.使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有统一的字体,字号或者颜色等。

    二.CSS样式的优势

    使用CSS样式可以减少代码的冗余,减少了很多重复的代码。

    三.CSS代码语法

    css样式:由选择符和声明组成,而声明又由属性和值组成。

    选择符:又称选择器,指明网页中要应用样式规则的元素。

    声明:在英文大括号"{}"中的就是声明,属性和值之间用英文冒号":"分割。当有多条声明时,中间可以用英文分号";"分割

    CSS样式从代码插入的形式开看基本可以分为以下三种:内联式,嵌入式,和外部式三种。

    (1)内联式 CSS样式表就是把CSS代码直接写在现有的HTML标签中,CSS样式代码要写在style = "双引号中,如果有多条CSS样式代码设置可以写在一起,中间用分号隔开."

    (2)嵌入式css样式就是可以把CSS样式代码写在<style type="text/css"t></style>标签之间.嵌入式CSS样式必须写在<style></style之间>,并且一般情况下嵌入式CSS样式写在<head></head>之间

    三种样式的优先级:内联式>嵌入式>外部式

    嵌入式>外部式有一个前提:嵌入式CSS样式的位置一定在外部式的后面,简而言之就是就近原则(离被设置元素越近,优先级越高).

    相关文章

      网友评论

        本文标题:前端开发学习笔记(三)- Css 样式

        本文链接:https://www.haomeiwen.com/subject/aadhbttx.html