博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
认识CSS样式
阅读量:6949 次
发布时间:2019-06-27

本文共 687 字,大约阅读时间需要 2 分钟。

本文根据在的学习笔记整理。

CSS简介
全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。
例子:

p{    font-size:12px;    color:red;    font-weight:bold;}

 

优势

简单,可以共享使用一个样式


 

语法

选择器{属性1:值1;属性2:值2;}
例子:

p{font-size:12px;color:red;}

 

注释

同C语言风格,//,/* */


 

CSS的三种基本样式

在相同权值的情况下,优先级:内联式 > 嵌入式 > 外部式。
1. 内联式
就是把css代码直接写在现有的HTML标签中。
例子:

这里文字是红色。

 2. 嵌入式

就是可以把css样式代码写在<style type="text/css"></style>标签之间。
并且一般情况下嵌入式css样式写在<head></head>(写于头部,加载时直接引用)或者<body></body>(写于主体内,会按顺序执行到)之间。

例子:

3. 外部式

就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在\<style\>标签内)使用\<link\>标签将css样式文件链接到HTML文件内。
其中,rel="stylesheet" type="text/css" 是固定写法不可修改。
例子:

 

转载于:https://www.cnblogs.com/omigia/p/4269010.html

你可能感兴趣的文章
Linux下升级python版本
查看>>
正则表达式全集
查看>>
iOS开发小技巧--修改按钮内部图片和文字之间的间距(xib)
查看>>
[转]原始套接字编程
查看>>
经典海量jQuery插件
查看>>
如何在博客园随笔中增加章节导航
查看>>
eclipse中的.project 和 .classpath文件的具体作用
查看>>
ubuntu 绑定固定ip
查看>>
(转)linux下fork的运行机制
查看>>
vue-cli搭建及项目目录结构
查看>>
springboot秒杀课程学习整理1-5
查看>>
css中display:none与visibility: hidden的区别
查看>>
本人精心收集的近80个国内最好的嵌入式技术相关网站和论坛和博客
查看>>
Python Package——wget
查看>>
在python下进行pdf的合并
查看>>
pyextend库-unpack列表集合字符串解包函数
查看>>
NGUI通过点击按钮来移动面板位置,实现翻页功能
查看>>
Windows版本redis高可用方案探究
查看>>
Android ---------- TabLayout 实战 (一)
查看>>
layoutSubviews在何时调用
查看>>