html:(23):css代码语法和css注释语法
CSS代码语法
css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示:
选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。
声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示:
p{font-size:12px;color:red;}
注意:
1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。
2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内,如下所示:
p{font-size:12px;color:red;
}
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS代码语法</title>
<style type="text/css">
p{font-size:12px;color:red;font-weight:bold;
}
</style>
</head>
<body>
<p>超酷的互联网、IT技术免费学习平台,创新的网络一站式学习、实践体验;服务及时贴心,内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!</p>
</body>
</html>
运行结果
CSS注释代码
就像在Html的注释一样,在CSS中也有注释语句:用/*注释语句*/
来标明(Html中使用<!--注释语句-->
)。就像下面代码:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS注释代码</title>
<style type="text/css">
p{font-size:12px;/*设置文字字号为12px*/color:red;/*设置文字字号为红色*/
}
</style>
</head>
<body>
<p>超酷的互联网、IT技术免费学习平台,创新的网络一站式学习、实践体验;服务及时贴心,内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!</p>
</body>
</html>
运行结果
html:(23):css代码语法和css注释语法相关推荐
- html和css之间有什么区别,html语法和css语法之间有什么区别
区别:HTML由围绕内容的标签组成,例" 内容 ":而CSS由一条或多条声明和选择器组成,每条声明由一个属性和一个值组成,例"div{font-size:12px;}&q ...
- CSS语法和CSS优先级
语法 层叠样式表( Cascading Stylesheet ,简称CSS ), 其基本目标是让浏览器以指定的特性去绘制页面元素,比如颜色,定位,装饰.CSS的语法反映了这个目标,由下面两个部分构建: ...
- JS语法和CSS语法的对比
JS的语法和CSS语法很像,也分为行内式.内部式和外部式 CSS和JS的行内式代码对比: <div style="color: red;" onclick="ale ...
- html中写css代码,开发DIV CSS时 先写CSS代码还是先写HTML代码
相信良多LOVE用DIV+CSS技术启示重构网页的爱好者友好,在起源学习DIV+CSS的时分都邑想一个标题,想晓得DIV+CSS妙手或有教育者在开发制作html页面的时刻,下场是先写html照样先写c ...
- CSS(一):CSS概述、CSS引入方式、CSS优先级、CSS代码格式、CSS属性;CSS选择器;尺寸和颜色单位、背景和文本设置
目录 一.CSS 1.1 CSS概述 1.1.1 定义 1.1.2 特征 1.1.3 组织网页的两种常用方式 1.2 引入CSS的四种方式 1.2.1 Style属性方式(内联样式) 1.2.2 St ...
- 免费css代码下载-Free Css Templates
一个提供免费css代码下载的网站,上面列出很多很漂亮的cSS代码供你免费下载,非常不错,和大家分享. 链接 http://www.free-css-templates.com
- 水平时间轴css代码_使用CSS和JavaScript构建水平时间线
水平时间轴css代码 在上一篇文章中 ,我向您展示了如何从头开始构建响应式垂直时间轴. 今天,我将介绍创建相关的水平时间线的过程. 与往常一样,要初步了解我们将要构建的内容,请查看相关的CodePen ...
- 常用CSS代码片段常见css bug
1.禁止文字被选中 1 .unselectable{ 2 -moz-user-select:-moz-none; 3 -khtml-user-select:none; 4 -webkit-user-s ...
- js html css代码缩进,HTML/CSS/JS代码格式化
8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 我们在编辑器当中写代码的时候,可能因为编写时候不规范或者复制粘贴的操作导致代码格式混乱.我在之前采用的是JSFormat ...
最新文章
- Android studio 的 配置与安装
- 【JavaNIO的深入研究4】内存映射文件I/O,大文件读写操作,Java nio之MappedByteBuffer,高效文件/内存映射...
- 这10篇 iOS 热文,你别错过哦
- boost::mp11::mp_eval_if_not_q相关用法的测试程序
- dwz(jui)刷新当前dialog的方法
- linux挂载efi分区,IBM X3850安装linux出现 您还么有创建/boot/efi分区 解决办法
- C#编程尽量使用接口(转)
- 2018年开发者生态体系状态调查报告(第一部分)
- eclipse 中文乱码
- 物联网python教程慕课_Web应用开发 19物联网,中国大学MOOC(慕课)答案公众号搜题...
- Java中文(汉子)转换拼音
- [信息论与编码] 03. 离散信源、信源熵、联合熵、条件熵
- php 公众号微信支付流程图,微信公众号支付流程
- 简单实现了DragonOS的块设备驱动模型以及AHCI驱动程序
- boost入门(四):Asio实现网络通信
- Android面试题汇总(适合Android中高级开发工程师)
- 【每日英语】英语语法
- linux升级gfortran版本,Ubuntu下GCC、G++和gfortran版本切换
- Spring MVC 地址请求映射
- Permission denied: user=dr.who, access=READ_EXECUTE, inode=/tmp:root:supergroup:drwx------
热门文章
- 深度学习4线性回归,逻辑回归
- Sql字符串函数(1)
- Java语言最新实用案例教程_Java 语言实用案例教程
- php5 mongodb,ThinkPHP5之Mongodb使用技巧
- 基于小波包的图像压缩及matlab实现,基于小波包的图像压缩及matlab实现精选.doc...
- 详解Ubuntu Server下启动/停止/重启MySQL数据库的三种方式(ubuntu 16.04)
- C#DateTime.ToString格式化时间字符串
- redis memcache 性能比较
- 如何在string.Format方法中输出大括号({})
- eslint常用设置;eslint关闭驼峰命名;eslint关闭全等于===校验;eslint关闭未定义变量报错;eslint关闭声明后未使用变量报错;eslint关闭单闭合标签校验;