3月22 关于CSS

CSS（Cascading Style Sheep 叠层样式表，作用是美化HTML网页）/*注释内容*/ 为注释的方法。

样式表的分类：

1.内联样式表

　和HTML联合显示，控制精确，但是可重用性差，冗余较多。

　　例：<p style="font-size:14px;">内联样式表</p>

2.内嵌样式表

　作为一个独立区域内嵌在网页里，必须写在head标签里面。

　　p //格式对p标签起作用

　　{

　　样式；

　　}

　　</style>

3.外部样式表

　新建一个CSS文件，用来放置样式表。如果要在HTML文件中调用样式表，需要在HTML文件中点右键→CSS样式表→附加样式表。一般用link连接方式。

　　有些标签有默认的边距，一般写样式表代码的时候都会先去除（也可以设置其他的样式），如下：

<style type="text/css">{ margin:0px; padding:0px; }

选择器

1.标签选择器用标签名做选择器

p
{background-color:#0F6;color:#F6F;text-decoration:underline;}

以上是采用外部样式表的格式写出了的。
2.class 选择器。都是以“.”开头的

.p
{text-decoration:underline;font-family:"Lucida Console", Monaco, monospace, "楷体";color:#F00;font-size:30px;}<body><div class="p">格林童话</div>
</body>
</html>

3.ID选择器以#开头

#pp
{font-style:normal;text-decoration:underline;color:#03C;background-size:cover;}<body><div id="pp">安徒生童话</div>
</body>
</html>

4.复合选择器

1）用“，”隔开，表示并列

<style type="text/css">
p,span
{text-decoration:overline;color:#0ff;width:100px;height:60px;}
</style>

2）用空格隔开表示后代

.main p
{background-color:#00F;font-size:50px;color:#3F9;}
</style>

3）筛选“.”

p.sp
{font-style:normal;text-decoration:underline;color:#03C;background-size:cover}

链接的style：

a:link 超链接被点前状态

a:visited 超链接点击后状态

a:hover 悬停在超链接时

a:active 点击超链接时

在定义这些状态时，有一个顺序l v h a

a:link
{text-decoration:none;color:#000;}
a:visited
{text-decoration:none;color:#000;}
a:hover
{color:#F00;text-decoration:underline;}
a:active
{text-decoration:underline;color:#C60;}

转载于:https://www.cnblogs.com/Duriyya/p/5307181.html

3月22 关于CSS相关推荐

2015年10月22日CSS学习笔记
XHTML1.0对HTML4.0的改进借鉴了XML的写法,语法更加严格. 把页面的内容和样式分离了,废弃了html4中的表示样式的标签和属性.推荐使用css来描述页面的样式. CSS样式的优先级 ! ...
2019年寒假计划（1月17日——2月22日）
期末考试周结束,寒假来临. 新的一年中上半年我需要准备蓝桥杯以及acm,下半年迎接考研. 这个寒假对我而言就变得十分重要,为了好好利用这个寒假特此制定寒假计划一.需每天坚持的计划 1.数据结构与算法 ...
周计划周记录：2022年5月16日-2022年5月22日
1. 一周醒言规则只是用来约束普通人,对有权有势的人是没有用的.这个社会上,游戏规则就是这样的,轮不到你不玩. 其实受委屈和挨骂也是工作的一部分.没有本事就不要装清高,没有物质想要生存下去就要受委屈 ...
2021年4月22日阿里供应链Java开发实习面试（三面）（含总结）
title: 2021年4月22日阿里供应链Java开发实习面试(三面) tags: 面经 2021年4月22日阿里供应链Java开发实习面试(三面) 上来就手撕一道代码--输入一个数,然后顺时针 ...
定档12月22日！《黑客帝国4》王者归来，再掀矩阵革命
[导读]距离上一部18年后,黑客帝国4将华丽归来,定档21年!女主演近期接受采访时透露,这部电影将带来全新的行业技术变革,包括前所未有的摄像设备.「子弹时间」.创纪录的百人动作捕捉等经典瞬间已经永留影 ...
一周第一次课笔记（1月22日）
一周第一次课(1月22日) 1.1学习之初 1.2约定 1.3认识Linux 1.4安装虚拟机 1.5安装centos7 1.1学习之初学习之前合理定位自己给自己设定1个合理目标计划好学习的期限 ...
9月22日我国垃圾邮件报告：湖北省再居榜首
据中国互联网协会反垃圾信息中心发布的实时统计数据显示,9月22日,国内垃圾邮件发送服务器IP地址主要集中在湖北省.河南省和北京市等地区.其中,湖北省垃圾邮件发送服务器IP地址高达917个,河南达717 ...
分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(4月16日-4月22日)
分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(4月16日-4月22日) 本周Silverlight学习资源更新银光中国网友原创:Silverlight中获取 ...
金碧辉煌！皇城定制5月22日正式对外运营开业！
2016年5月20日,皇城定制创始人宋沁沁发布声明:"皇城定制将于5月22日正式对外运营开业!"开业的地点,选在深圳市福田区皇御苑皇城广场352号,皇城定制诚邀广大消费者光临现场! ...
jq 控制td只显示一行_9月22日现货黄金、白银TD、黄金TD、纸黄金、纸白银价格走势分析...
前言:你必须在两者之间选择:你想拥有一部造钱机,还是将自己变成造钱机. [9月22日黄金交易所开盘] 上海黄金交易所黄金TD 凌晨收盘报405.4元/克: 上海黄金交易所白银TD 凌晨收盘报5.261 ...

3月22 关于CSS

3月22 关于CSS相关推荐

最新文章

热门文章