当前位置: 首页 > news >正文

税务局门户网站建设经验交流材料电商平台app大全

税务局门户网站建设经验交流材料,电商平台app大全,毕业设计做音乐网站可以吗,网站长期外包文章目录一. CSS介绍二. CSS的引入方式三. CSS选择器一. CSS介绍 定义: 层叠样式表作用: 美化界面: 设置标签文字大小,颜色,字体加粗等样式控制页面布局: 设置浮动,定位等样式 基本语法: 选择器{样式规则 } 样式规则: 属性名1: 属性值1 属性名2: 属性值2 属性名3: 属性值3 ..…

文章目录

  • 一. CSS介绍
  • 二. CSS的引入方式
  • 三. CSS选择器

一. CSS介绍

  • 定义: 层叠样式表
  • 作用:
  1. 美化界面: 设置标签文字大小,颜色,字体加粗等样式
  2. 控制页面布局: 设置浮动,定位等样式
  • 基本语法:
选择器{样式规则
}
样式规则:
属性名1: 属性值1
属性名2: 属性值2
属性名3: 属性值3
...选择器: 在页面中筛选符合规则和要求的标签

二. CSS的引入方式

样式表优点缺点使用情况控制范围
行内样式表书写方便,权重高没有实现样式和结构相分离较少控制一个标签(少)
内嵌样式表部分结构和样式相分离没有彻底分离较多控制一个页面(中)
外部样式表完全实现结构和样式相分离需要引入最多,强烈推荐控制整个站点(多)

三. CSS选择器

  • 标签选择器
<style>/* 标签选择器  通过页面标签, 选择满足的标签, 作用范围是页面中所有满足的标签标签{属性: 属性值;} */div{color: red;font-size: 30px;}
</style><body><!-- 多个类使用空格隔开 --><div class="box1 blue" >好好学习</div><div class="box2">good good study</div>
</body>
  • 类选择器
<style>/* 类选择器  在定义标签的时候, 可以给标签添加 class 属性, 即类, 一个标签可  置多个类一个类可以作用于多个标签 .类名{属性: 属性值}*/.box1{width: 200px;height: 200px;background: green;}.box2{width: 300px;height: 300px;background: pink;}
</style><body><!-- 多个类使用空格隔开 --><div class="box1 blue" >好好学习</div><div class="box2">good good study</div>
</body>
  • 层级选择器
<style>/* 层级选择器, 一般用在标签嵌套当中 选择器1 选择器2 {属性: 属性值;}*/div p{background: palegreen;}div .c_p{width: 200px;}    .box1 .c_p{height: 100px;}.box1 p{color: #0000ff;}
</style><body><div class="box1">这是 div 标签<p class="c_p">这是 p 标签好好学习</p></div>
</body>
  • ID选择器
<style>/* ID选择器, 在一个页面中, 标签的 ID 是唯一的, 所以ID选择器只能作用一个标签#id值 {属性: 属性值;} */#box1{background: red;}
</style><body><div id="box1">这是一个div</div><div>好好学习</div>
</body>
  • 组选择器
<style>/* 组选择器, 使用不同的选择器进行组合, 设置相同的属性选择器1, 选择器2{属性: 属性值;}*/div, p{color: bisque;font-size: 30px;}
</style><body><div id="box1" class="box1">这是一个div</div><div class="box2">好好学习</div><div class="box3">good good study</div><p>这是一个p标签</p>
</body>
  • 伪类选择器
<style>/* 伪类选择器, 主要用来做交互效果选择器:事件{属性: 属性值;} */div{width: 100px;height: 50px;background: peru;}/* hover 鼠标指针放到指定选择器后, 就会执行伪类选择器的修改操作 */div:hover{font-size: 30px;color: aqua;}
</style><body><div >好好学习</div>
</body>
http://www.ritt.cn/news/7519.html

相关文章:

  • 自己做的网站出现乱码东营seo整站优化
  • 杭州网站建设是什么百度竞价推广什么意思
  • 网站页面设置手机版seo搜索引擎优化工具
  • 微信怎么做自己的网站友链购买
  • 网站一年的费用关键词指数批量查询
  • 新网站建设验收做网站的外包公司
  • 网站建设公司年终总结百度推广工具
  • 怎么把在微企点做响应式网站站长统计app软件下载官网安卓
  • 建设银行网上营业厅官方网站下载百度客服人工
  • 网站制作 昆明磁力珠
  • 昆明软件公司有哪些安顺seo
  • 做网站怎样做网络推广赚钱
  • 滨湖区知名做网站选哪家线上营销活动案例
  • 湘潭网站建设 就问磐石网络专业企业网络搭建
  • 专门做软陶的网站推广接单平台
  • html5做静态网站互联网推广营销方案
  • 建设网站设计专业服务网站推广 方法
  • 网站制作员网络推广的工作内容
  • 网站开发注意seo一个月工资一般多少
  • 网站开发 360浏览器免费创建属于自己的网站
  • 网站开发java好还是php好索引擎优化 seo
  • 网站域名注册商标友链购买网
  • 武汉北京网站建设东莞seo排名优化
  • 怎么开自己的网站临沂今日头条新闻最新
  • 宗亲网站建设建议每日一则新闻摘抄
  • 网站模板有哪些内容佛山旺道seo
  • 网站建设哪家比较好蚂蚁bt
  • dede 网站图标商品标题优化
  • 课程的网站建设精准营销的案例
  • 成都网站建设报价广东seo网站优化公司