003---CSS编程语言

本文介绍了CSS的基础知识,包括其作为编程语言的作用、HTML标签属性分类,特别是样式属性的开发挑战。深入解析了CSS选择器及其在前端开发中的关键作用,以及CSS在提升页面效率和响应用户需求方面的价值。
摘要由CSDN通过智能技术生成

目录

一。介绍:

二。HTML标签属性分类

三。样式属性开发难度:

四。CSS编程语言作用:

五。CSS选择器:


                                     

     CSS编程语言【简单了解】

一。介绍:


     1.是一种专门在浏览器编译并执行的编程语言.
     2.用于定位浏览器中HTML标签并对定位的HTML标签中【样式属性】进行统一管理

二。HTML标签属性分类

         1.基本属性:
                  大多数HTML标签都拥有属性,是一个非常庞大群体
              比如 id属性,相当于身份证编号,用于区分HTML标签
              <input type="text" id="one"/>
              <input type="text" id="two"/>
              比如 name属性,相当于人名字,允许一组标签拥有相同name
              <input type="text" id="one"  name="myText"/>
              <input type="text" id="two"  name="myText"/>

         2.样式属性:
                      是一个非常庞大群体,通知浏览器将HTML标签中数据在
              浏览器中以指定形态展示

              <div style="background-color:red;color:green;width:300px;height:200px"></div>

         3.工作状态属性:

                  只存在于【表单域标签】中,用于表示【表单域标签】状态.
              checked:存在于radio与checkbox中,表示标签是否被选中
              disabled:表示标签处于不可用状态
              readOnly:表示标签处于只读状态
              seleteced:存在option标签,表示标签是否被选中

         4.监听属性:

                  监听属性用户与HTML标签之间进行通信通道,监听属性
              用于监听用户在何时对当前标签进行何种操作,当指定
              操作产生时,监听属性将会通知浏览器调用对应JavaScript
              方法处理当前请求

三。样式属性开发难度:

        1.由于网页经常出现大量的HTML标签拥有相同的样式属性设置,因此导致
      前端工程师进行大量重复性开发操作.

        2.当用户修改需求时,导致前端工程师进行大量重复维护工作

四。CSS编程语言作用:

       1.通知浏览器将所有满足定位条件的HTML标签进行统一定位
       2.通知浏览器对已经定位HTML标签中样式属性进行集中统一赋值管理

五。CSS选择器:

       1.介绍:
               CSS选择器,实际上就是一组定位条件用于定位HTML标签。
           CSS选择器有9个大的分类

       2.CSS选择器语法格式:
                     <html>
                 <head>
                  <!--type='text/css',-->
                  <style type="text/css">
                     定位条件{
                           "样式属性1":"值1";
                       "样式属性2":"值2"
                         }
                  </style>
             
             </head>
             
             </html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值