“南大软院大神养成计划“_第八天的学习“



          今天学习的内容CSS基础,了解了一些CSS代码如何编写和它的作用。  

        

        1.CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。这些文字大小,颜色,字体加粗,边框,边框颜色等我认为可以看作是标签的属性。

        2.使用CSS中<span>文本</span>标签来改变字体的颜色。只需要在需要改变字体颜色的文本左右分别加上<span>和</span>。并在<head></head>标签内加上

                           < style type="text/csss">

                                span{
                                         color:red(颜色);
                                        }

                            </style>

                  问题:颜色只能为颜色对应的英语吗? 可不可以用十六进制代表的颜色表示.


          3.CSS代码语法:css 样式由选择符和声明组成,而声明又由属性和值组成。像span{color:red ; font-size:12px}

             I. 选择符又称选择器,指明网页中要应用样式规则的元素,就如span,p,q。

             II.声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔(最后一条声明后可以没有分号,为了让人更加容易阅读 每个属性声明占一行)。


           4.CSS注释代码:

           在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用<!--注释语句-->)。CSS中的注释像C语音中的注释


           5.三种CSS代码插入方式:

           一. 内联式CSS样式:

              I. 内联式css样式表就是把css代码直接写在现有的HTML标签中,如<p style="color:blue">。注意要写在元素的开始标签里

             II. 并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。

如:<p style= ”font-face:宋体;font-size:12px"">。

            二,嵌入式css样式:

              I.把css样式代码写在<style type="text/css"></style>标签之间。

              II.一般情况下嵌入式css样式写在<head></head>之间。就像上面2一样。

           三.外部式css样式,写在单独的一个文件中:

              I.外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内。

              II.css样式文件名称以有意义的英文字母命名,如 main.css。

              III.rel="stylesheet" type="text/css" 是固定写法不可修改。


            6.三种CSS样式代码的优先级:

               I.内联式 > 嵌入式 > 外部式

              II.但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。

              III.总结来说,就是--就近原则(离被设置元素越近优先级别越高)。但是内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下。


           7.选择器:

           I.每一天CSS样式声明(定义)由两部分组成:

                选择器{

                    样式;   

                   }

            II.选址器:指明了{}中的“样式”的作用对象,就是作用在网页中的哪些元素。


          8.标签选择器:标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。


          9.类选择器:

           I. 语法:.类选择器{css样式代码;}

           II.英语圆点开头,其中类选择器名称可以任意起名(但不能使中文)。

          III.使用方式:

                第一步:使用合适的标签把要修饰的内容标记起来。

                第二步:使用class="类选择器名称"为标签设置一个类。

                第三步 : 设置类选择器css样式。

              IV.像这样<style type="text/css">

                        .stress {

                                     color:red;

                                     size:12px;

                                    }

                            </style>

                   <span class="stress">文本</span>


       不过还是存在一些问提:

       1.在没有使用CSS代码时,字体,颜色,背景等系统默认的值是什么  ?

       2.类选择器那一章节,选择合适的标签是什么意思?如何知道是否为合适的标签。

       3.字号的大小有没有范围,如何书写。

       4.width,higth等类似的属性,它们的单位是什么?是像素吗?



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值