网站建设资讯

NEWS

网站建设资讯

CSS总结-创新互联

CSS层叠样式表cascading style sheets

创新互联公司专注于寿光网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供寿光营销型网站建设,寿光网站制作、寿光网页设计、寿光网站官网定制、微信小程序开发服务,打造寿光网络公司原创品牌,更为您提供寿光网站排名全网营销落地服务。

将网页中的样式单独分离出来,完全由CSS控制,增强样式复用性和扩展性。

格式:选择器{属性名:属性值;属性名:属性值;……}

CSS与HTML结合的4中方式:

1、每个HTML标签都有style属性

2、当页面中有多个标签具有相同样式时,可定义style标签封装样式以复用

3、当多个页面使用相同样式时,可将样式单独封装为CSS文件导入

4、通过HTML头标签中的link标签链接一个CSS文件

技巧:为提高样式的复用性和可扩展性,将多个样式单独定义并封装为CSS文件,如p.css、div.css……在一个总的CSS文件中,使用import导入这些CSS文件,然后在HTML页面中用link标签将这个总的CSS文件导入即可。

优先级:就近原则标签上设置的style属性可以覆盖其他样式

选择器:

1、标签选择器:每个HTML标签名即为一个选择器

2、类选择器:标签中的class属性指定   定义样式要加点  js引用时用className

3、ID选择器:标签的id属性,尽量保证唯一,便于JavaScript获取元素

4、扩展选择器:

a、关联选择器:标签中的标签  table div表示表格中的div区域

b、组合选择器:多个选择器逗号分隔

c、为元素选择器:元素的状态 如超链接的默认状态、点击状态、悬停状态等

a:linka:visiteda:hovera:activeLVHA顺序

删除超链接默认下划线:text-decoration:none

p:first-letterp:first-linefocus:IE6不支持

CSS滤镜:通过一些代码丰富了的样式

网页设计时,DIV+CSS

DIV和P标签都属于行级区域,回车效果,SPAN标签为块级区域,无回车效果

可加border、color等属性,P标签中不要嵌套DIV标签

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前题目:CSS总结-创新互联
文章来源:http://njwzjz.com/article/dsdcei.html