分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

css基础 引用方式 标签选择器 优先级 各式布局

发布时间:2023-09-06 01:13责任编辑:沈小雨关键词:选择器

今天讲的css基础,了解了css即层叠式表,是美化网页,控制页面的样式。

样式表引进网页的3种方式1内联式,语法例子:<div style="width: 100px;height: 50px;background: #E91115"> </div>‘

                                          2内嵌式   语法例子  ( head里面)     div{height: 100px;width: 100px;background: #EF0E12}

                                         3外部样式表 语法例子 ( head里面)   <link rel=" stylesheet" href=“ **.css>”

选择器     1标签选择器   标签名{样式}

               2ID选择器       #id名{样式  }  (唯一的)

                3类选择器       .class名{}样式 } (可给任何加)

               4组合选择器     逗号       同时给逗号连接的标签加上样式    例如  p,div{}

                                        空格     列如 OL空格il

                                        筛选     标签名.class名

                                        +

                                       属性选择器   例如 div[ date=" div"]{}

优先级         1在标签内style=“”

                   2id选择器

                  3类和属性选择器

                  4body td.....里面的

                 5*对于所有的

                注意:选择器一样时,下面的样式高于上面的。

格式布局      position:fixed 固定

                   position:absolu 绝对定位

                 position:relative 相对定位

                 语法:position:3种任意一种 ;z-index 10;left或者   right =100px;   top或者   botton=100px

                    

css基础 引用方式 标签选择器 优先级 各式布局

原文地址:http://www.cnblogs.com/w-xibao/p/7594318.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved