分享web开发知识

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

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

css样式、选择器规则

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

css:页面样式,美化页面

css样式的三个规则

1内联式:直接写在html标签中 <p style="color:red"> 直接对html标签使用 style属性 语法:style=“样式:值 样式:值”

优点:操控精准 缺点:不灵活,代码

2嵌入式:在<style>标签内给标签css样式 在head标签内 <style type=text/css>

优点:代码精简 缺点:控制不灵活

3外部式;建立单独的 .css文件 使用<link>标签将css样式文件链接到HTML文件内,如下面代码:

<head><link href="base.css" rel="stylesheet"> type="text/css" </head> 红色是固定的写法 link标签不在<style>标签内

优点:代码精简 缺点:控制不灵活

优先级别:内联>内嵌>@import导入>引入 内联>#>类,复合>导入

 

常用选择器

1普通选择器:E{。。。}

2类选择器:.class名{......}【E】表示有效的html标签 用class引用类名

3id选择器:#id名{......}用id引用类名 , 无法引用多个id名

4复合选择器:逗号(,)并列关系 空格( )表后代 筛选 :标签名.class名或#id名(没用弱鸡)

相邻(+)

css样式、选择器规则

原文地址:http://www.cnblogs.com/xiandong/p/7591475.html

知识推荐

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