CSS简介和CSS选择器
<pre name="code" class="html">Css 简洁css 选择器标签选择器类选择器ID选择器Css 层叠样式表 Cascade Stytle Sheetcss 就像网页的化妆品,让你可以随意的把相同的内容转换成不一样的外观,把就是给相似的结构以不同的样式。css+div 是当前最流行的前台美工技术,也是web标准推荐的。使用样式表css,让p标签进行统一变色<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Document</title><style type="text/css">p{color:red;}</style></head><body><center><h1>Css样式表</h1>
<hr>
<p><!--<font color="red"> 白日依山尽,</font><br>-->白日依山尽,<br>黄河入海流,<br>欲穷千里目,<br>更上一层楼。<br>
</cenetr></body>
</html>p{color:red;}这样就对所有的p标签的问题,统一使用红颜色。标签选择器:p{font-size:2em;}类选择器: .开头.info{background:#ff0;}<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Document</title><style type="text/css">p{color:red;font-size:2em;}li{color:blue;font-size:2em;}</style></head><body><center><h1>Css样式表</h1>
<hr>
<p><!--<font color="red"> 白日依山尽,</font><br>-->白日依山尽,<br>黄河入海流,<br>欲穷千里目,<br>更上一层楼。<br></p><!--<font color="red"> 白日依山尽,</font><br>-->
<li> 白日依山尽,</li> <li> 黄河入海流,</li>
<li> 欲穷千里目,</li> <li> 更上一层楼。</li> </cenetr></body>
</html><!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Document</title><style type="text/css">p{color:red;font-size:2em;}li{color:blue;list-style:none;font-size:2em;}.first{
color:red;}</style></head><body><center><h1>Css样式表</h1>
<hr>
<p><!--<font color="red"> 白日依山尽,</font><br>-->白日依山尽,<br>黄河入海流,<br>欲穷千里目,<br>更上一层楼。<br></p><!--<font color="red"> 白日依山尽,</font><br>-->
<li class=first> 白日依山尽,</li> <li> 黄河入海流,</li>
<li> 欲穷千里目,</li> <li> 更上一层楼。</li> </cenetr></body>
</html>ID选择器:#third{color:green;}<!--<font color="red"> 白日依山尽,</font><br>-->
<li class=first> 白日依山尽,</li>
<li> 黄河入海流,</li>
<li id="third"> 欲穷千里目,</li>
<li> 更上一层楼。</li> 组合选择器:
转载于:https://www.cnblogs.com/zhaoyangjian724/p/6200051.html
CSS简介和CSS选择器相关推荐
- 前端：CSS/09/行内框架，CSS简介，CSS选择器，组合选择器，CSS注释，CSS尺寸属性，CSS字体属性，CSS文本属性
内嵌框架(行内框架,浮动框架) 语法格式:<iframe 属性="值">不支持时的提示信息</iframe> 描述:内嵌框架,相当于在现有的网页中,挖了一个 ...
- css笔记一-CSS简介、基础选择器、字体和文本样式
一 一.CSS简介 1.1.什么是CSS? CSS(Cascading style sheets):层叠样式表 CSS作用:给页面中的HTML标签设置样式 1.2.CSS语法规则 写在哪里? css写 ...
- python全栈开发第二天（CSS简介，CSS常用的属性）
第二天 CSS简介 什么是css css三种引入方式 css选择器 引入方式的css优先级 三种基本选择器的优先级 关系选择器 css常用的属性 css颜色的表示方法 背景属性 字体属性 边框属性 内 ...
- css专栏 01.css简介 02.css注释及语法结构
# 02.css注释及语法结构[toc]{type: "ol", level: [3]}### css注释 - 单行注释 ```css /*单行注释*/ ``` - 多行注释 `` ...
- css层叠样式表基础学习笔记--第一章 css简介及引入
第一章 css简介及引入 1-01 css简介 1-02 css优缺点 1-03 css书写格式 1-04 css引入格式 行内样式 内部样式 外部样式 导入样式 1-05 css注释 1-01 cs ...
- 【黑马程序员pink名师讲CSS】学好CSS有这一篇就够了(CSS笔记)
这篇css博客是参考B站黑马程序员–pink老师做的个人笔记,供平时复习使用,现分享给大家,喜欢的话请多多点赞收藏哦~~ 文章目录 P62.css简介 P63.css的语法规范 P65.选择器总体概述 ...
- Web学习第四天——CSS简介、选择器，常用（文本、字体、列表、背景、超链接）样式
Web学习第四天--CSS简介.选择器,常用(文本.字体.列表.背景.超链接)样式 一.CSS简介 (一).什么是CSS? (二).CSS能够干什么? (三).CSS语法结构 (四).CSS的使用方式 ...
- CSS（简介、基础选择器、字体属性、文本属性、引入方式）
文章目录 1.CSS简介 1.1HTML的局限性 1.2CSS-网页美容师 1.3CSS语法规范 2.CSS基础选择器 2.1选择器的作用 2.2选择器的分类 2.3标签选择器 2.4类选择器 2.5 ...
- css简介与选择器（优先级）
CSS简介: html是对网页划分区域 css是对划分区域的美化 语法: 选择元素{ 属性1:属性值1, 属性2:属性值2 - } <div style="width: 100px; ...
- [css] 为什么说css中能用子代选择器的时候不要用后代选择器？
[css] 为什么说css中能用子代选择器的时候不要用后代选择器? 选择从右到左依次解析匹配,所以后代选择器会去找它的所有父级, 而子代选择器只会选择直接的父级:减少匹配次数,提高效率 个人简介 我是 ...
最新文章
- 来聊聊COCO数据集上两大霸榜模型-CBNet和DetectoRS
- （转）一个古老的编程游戏：Python Challenge全通攻略
- JAVA SE学习day_08:TCP通信、多线程（并联）
- android-学习1 配置环境
- 计算机底层书籍三件套--大话计算机
- Serious Python
- 鸿蒙系统发布会16号几点,华为鸿蒙手机系统正式定档发布，12月16日于我们见面...
- Qt学习笔记-各种对话框基本使用
- 训练日志 2018.10.11
- Android进程间通信(复习笔记)
- moss item adding
- e站host地址_ip地址基础入门知识
- STM32学习——半天学完正点原子入门篇例程，STM32：学会了吗？我：学废了✨
- 概率图模型之：贝叶斯网络
- DTCC 干货分享：Real Time DaaS - 面向TP+AP业务的数据平台架构
- 科学计算机可以用多久,科学家公布“寿命计算器” 算一下你能活多久？
- 写给父亲的语音计算器（语音的加载播放C#，四）
- Shopify开店建站营销推广卖家平台后台中文指南 – Test orders / 测试订单
- 后端自学——使用PuTTY远程连接阿里云轻量应用服务器
- python 绘制多个折线图，横轴显示为时间