最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > 常用的十个CSS经典技巧,织梦技术

常用的十个CSS经典技巧,织梦技术

时间:2023-07-21 09:07:21 阅读: 文章分类: 网站建设 作者: dede技术员

导读:织梦技术织梦技术同时给P元素两个类,中间用空格格开,这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话,后设置的起作用,即在CSS文件中dede模板下载模板织梦。

dede模板下载模板织梦

1.CSS字体属性简写规dede免费校板下战则一般用CSS设定字体属性是这样做的:

  • font-weight:bold;  
  • font-style:italic;  
  • font-varient:small-caps;  
  • font-size:1em;  
  • line-height:1.5em;  
  • font-family:verdana,sans-serif;  
  •     但也可以把它们全部写到一行上去:

  • font: bold italic small-caps 1em/1.5em verdana,sans-serif; 
  •     这样非常简洁,只有一点要提醒的:这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且,如果你没有设定font-weight, font-style, 以及 font-varient ,他们会使用缺省值,这点要记上。

    2dede织梦模板. 同时使用两个类

        一般只能给一个元素设定一个类(Class),但这并不意味着不能用两个。

        事实上,你可以这样:

  • <p class="text side">…</p> 
  •     同时给P元素两个类,中间用空格格开,这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话,后设置的起作用,即在CSS文件中放在后面的类的属性起作用。

        补充:对于一个ID,不能这样写<p id="text side">…</p>也不能这样写

    3. CSS border的缺省值

        通常可以设定边界的颜色,宽度和风格,如:

  • border: 3px solid #000; 
  •      这位把边界显示成3像素宽,黑色,实线。但实际上这里只需要指定风格即可。

        如果只指定了风格,其他属性就会使用缺省值。一般地,Border的宽度缺省是medium,一般等于3到4个像素;缺省的颜色是其中文字的颜色。如果这个值正好合适的话,就不用设那么多了。

    4. CSS用于文档打印

        许多网站上都有一个针对打印的版本,但实际上这并不需要,因为可以用CSS来设定打印风格。

        也就是说,可以为页面指定两个CSS文件,一个用于屏幕显示,一个用于打印:

  • <link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen" /> 
  • <link type="text/css" rel="stylesheet" href="printstyle.css" media="print" /> 

    关键词标签: 标签 织梦 常用

  • 声明: 本文由我的SEOUC技术文章主页发布于:2023-07-21 ,文章常用的十个CSS经典技巧,织梦技术主要讲述常用,标签,织梦网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_32739.html

    我的IDC 网站建设技术SEOUC.COM
    专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章