css基础

最新推荐文章于 2022-12-28 11:01:37 发布

24号桩

最新推荐文章于 2022-12-28 11:01:37 发布

阅读量88

点赞数

分类专栏： J2EEweb

本文链接：https://blog.csdn.net/qq_34893326/article/details/78740530

版权

J2EEweb 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

css
组成：选择符，属性，声明，值。如：p{color：red}
注释：/*注释语句*/
css插入基本形式:内联式、嵌入式和外部式三种。内联式：css代码直接写在html中，嵌入式：就是可以把css样式代码写在<style type="text/css"></style>标签之间；
外部式：外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）
使用<link>标签将css样式文件链接到HTML文件内
三种方法的优先级：相同权值的情况，内联式、嵌入式、外部式。嵌入式css样式的位置一定在外部式的后面。

选择器：8种
1标签选择器：<html>、<body>、<h1>、<p>、<img>
2类选择器：.类名
3id选择器：#id名
4子选择器：大于号>,选择指定标签元素的第一代子元素如.food>li
5包含（后代）选择器：即加入空格,选择指定标签元素下的后辈元素。.first span
6通用选择器：*
7伪类选择符：给html不存在的标签（标签的某种状态）设置样式，如a:hover{color:red;}
就是为 a 标签鼠标滑过的状态设置字体颜色变红。
8分组选择符：为html中多个标签元素设置同一个样式，
如h1,span{color:red;}（逗号，连接）相当于h1{color:red;} span{color:red;}

css的继承，层叠，特殊性和重要性。
特殊性：标签的权值为1
类选择符的权值为10
ID选择符的权值最高为100。
p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/
继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。
层叠：权值相同时，后面的样式会覆盖前面的样式。
重要性：!important有最高权值。

CSS格式化排版：
字体：font-family：
字号，颜色：font-size： color：
粗体：font-weigh：
斜体：font-style:italic;
下划线：text-decoration:underline
删除线：text-decoration:line-through;
缩进：text-indent:2em;
行间距，行高：line-height:1.5em
字间距：word-spacing:50px
对齐： text-align:center;

24号桩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css基础

css组成：选择符，属性，声明，值。如：p{color：red}注释：/*注释语句*/css插入基本形式:内联式、嵌入式和外部式三种。内联式：css代码直接写在html中，嵌入式：就是可以把css样式代码写在<style type="text/css"></style>标签之间；外部式：外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这...
复制链接

扫一扫