css代码在哪里输入（CSS代码怎么用放哪）

本文目录

• CSS代码怎么用放哪
• 手机编程css在哪
• CSS代码怎么用放哪
• 网页开发的CSS代码怎么写
• CSS如何定义一条水平虚线
• css代码写在哪
• via浏览器自定义css代码
• css代码写到哪里

CSS代码怎么用放哪

首先可以确认一点的是，CSS3和CSS本质上是一样的，都是层叠样式表，但两者又有很大的区别，或者说CSS3是CSS的升级补充版本。

CSS3和CSS本质上是一样的

CSS是层叠样式表（CascadingStyleSheets）的英文简称，它主要用来对页面进行样式修饰（定义了HTML元素的显示方式）的。

而CSS3是CSS的最新“标准”，也是CSS的版本升级，推出了一些新的东西：盒子模型、多栏布局、媒体查询、动画、背景和边框、列表模块、语言模块、文字特效等模块。

可能有人会问，有CSS和CSS3，那有没有CSS2呢？其实，我们现在所说的CSS就是CSS2版本，CSS2的精髓就是内容和表现分离。

CSS3并未成为真正的标准

特别是现在移动互联网及H5的兴起，CSS3的应用更为广泛了，但值得注意的是：CSS3当前依旧没能成为真正的标准！为什么呢？因为现在市面上的浏览器太多，而不同浏览器对于CSS3的支持程度不同，不同浏览器还使用了不同的前缀来修饰样式，如：

谷歌Chrome、苹果Safari：-webkit-

微软IE：-ms-

火狐Firefox：-moz-

手机编程css在哪

html或 jsp引入外部css样式：
《link href="${contextPath}/htuser/css/global.css" rel="stylesheet" type="text/css" /》
 
css写法
注：如果在.css文件中，直接写样式
       如果在jsp中写样式，需要在写在《style type="text/css"》《/style》中
 
1.直接给html标签定义样式
ul { list-style:none;margin:0;padding:0;}
table {table-layout: fixed;}
 
       多个标签同时定义
ul,li {
     margin: 0;
     padding: 0
}
 
dl,dt,dd,h1,h3,h3,h4,h5,h6,p,form { margin:0;padding:0;}
 
2.根据id定义样式
#container {
     overflow: auto
}
 
      多个id同时定义样式
#pager2,#pager3,#pager4{
     background: #eff5ff;
     color:black;
}
 
3.根据class定义样式
.inpuGrey{
     background-color: lightgray;
}
 
多个class同时定义
.btn_left, .btn_right{
     clear: both;
     color:#fff;
     line-height:32px;
     height: 32px;
     position:relative;
      margin:0px;
      width:100%;padding-left:15px;
      padding-right:15px;
      margin:0px;
      background: url(../images/ydzy_img/search_bg_left.png) no-repeat left top;
}
 
4.指定id下指定class的子元素的样式：（可以反过来用，通过class找id）
#sidebar .content1 {
     height:auto;
     position:absolute;
     top:30px;bottom:7px;width:116px;
     background:url(../images/ydzy_img/left_tree_center.png) repeat-y center top;
}
 
5.给所有的文本框定义样式
input{
     width:40%;
}
 
下拉
select{
    width:50%;
}
 
给所有的文本框和下拉框定义样式
input,select{
     width:40%;
}
 
给按钮定义样式
input{width:63px;height:23px;text-align:center;line-height:23px;color:#fff;font-size:12px;border:0px;background:transparent url(../images/btn_bgs.png)  repeat-x center center;}
 
给id="citySel"的文本框定义样式
input#citySel{
     width:60%;
}
 
给id="grid"的表格的行列定义样式
#grid tr{border-right:1px solid transparent}
#grid td{font-size:13px;}
 
给class="pg_pager"下的所有td定义样式
.pg_pager td{border:0px;color:rgb(34, 34, 34);font-size:14px;}
 
6.根据路径定义内层样式，例如找到内层表格的td并定义样式(可以越级，但是路径要正确)
.main_bodys_wyyfsgl #searchCondition》div》 table td{
   width:200px;
}
 
.main_bodys_vyywh #searchCondition》div》 table td》span
{
     position:absolute;
     left:85px;right:0px;
     width:auto;
}
 
.main_bodys_vyywh #searchCondition》div》 table td》span input,table td》span  select {margin-top:0px !important;width:100%}
 
.main_bodys_wyyfsgl    .ui-dialog .ui-dialog-content form{padding-right:50px}
 
.main_bodys_vyywh img#show{float:left;}
 
.main_bodys_vyywh  img#showE{float:left;}
 
        注：如果是找下级 id或class之间用空格，如果并列定义同一个样式用逗号 *****html自有标签和id或class之间可以不用空格 img#showE
 
实际过程中要根据情况调试
 
滚动条一般用在div标签
style="overflow-y:scroll;"
 
#addform,#editform{
      overflow: auto;
    }
 
7.同时使用两种样式   例如 class="btn-block button-ripple" 
 
评论2发布评论
ba2bfff5555b
2021-09-18 11:41:30
写的太棒了，受教了，谢谢大佬分享！
0ee763fd308e
2021-09-17 17:58:16
使用过程中有些小问题，希望能够向博主学习
相关文章
JavaWeb - 多级菜单、分组嵌套“递归”写法
设计思路：最简单的查询全部分组数据，然后通过Java 程序控制分层问题，借用临时 Map 来快速定位父子分
组合模式安全写法实现多级目录
1.安全写法规定相对于透明写法而言，顶层的抽象中只包含必要的细节。不用实现不要的方法，具体细节在子类实现中实现。
【Css】设计多级菜单
HTML 《!DOCTYPE html》 《html lang="en"》 《head》 《meta charset="UTF-8"》 《title》Title《/title》 《link rel="stylesheet" href="Style.css"》 《/head》 《body》 《ul i ...
css实现多级菜单
实现原理 用ul和li 来展示多级菜单，当ul上有鼠标时，就展开该ul下的所有li标签， 当ul(包括
css写法进阶
.class1 .class2 .class3 ... 可以设置一个index变量变化，1，2，3， ... 定义类名的时候用数字定义，后续只要通过改变index就可以实现改变类名展现不同的样式 例如 :class=" ` class${index} ` " 另一个场景 :class="[’img’ ...
CSS hack写法
                                                                                                                                                           表格1 选择器hack 选择器hack写法 针对的浏览...
标准CSS 列表写法
前台的HTML代码如下：《div class="last"》《span class="title"》专题教程《/span》 《ul》《li》《a href="#"》Lightroom专题集《/a》《/li》《li》《a href="#"》非主流照片教程集《/a》&l...
浅谈缓存写法（二）：多级缓存、分布式缓存
缓存预热上次有同学问过，在第一次加载时缓存都为空，怎么进行预热。单机Web情况下一般使用RunTimeCache，这种情况下：可以在启动事件里面刷新《prestyle="margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-family:"CourierNew"!
div+css hack写法???
DIV CSS设计中常见问题的解决办法2010-08-17 11:35 飘零雾雨 doyoe.com 我要评论(0) 字号：T | T本文向大家介绍一下DIV CSS设计中常见问题的解决办法，作为前端开发人员，在日常的页面制作时，不可避免的会碰上这样那样的问题，这里和大家分享一下。AD：本文和大家重点讨论一下DIV CSS设计中常见问题的解决办法，作为前端开
LessCss打造Css新写法
正常的CSS样式表写起来比较繁琐，用【Less 动态 样式 语言】模式来写就方便多了LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承，运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。直接上例子Global里都是公共的

CSS代码怎么用放哪

css代码可以内嵌也可以外链。内嵌就是将css直接写在html标记中，大约卜察在2008年以后基本都逐渐规范为外链方式。内嵌css有个很大的缺点，就是html标记与css代码混合在一起，页面代码看起来比较混乱、吃力，结构不太清晰，后期如果有修改就会很费劲；规范为外链后，代码美观易懂、脉络清晰，方便二次修改。外链css，就是将css从判则html标记中分离出来，集中到一个或多个css页面，再根据需要，调用相关css文件进行指定样式表。

CSS样式表

内嵌css的方式：在html标记中添加属性“style”，设置相关属性值。如：“

带你走进科技大世界。

内嵌CSS样式

外链css方式：建一个css文件，样式集中写在该文件中，在所需页面调用就行了。方法是在“”标记中添加“”，其中“xxx”为路径，“cssName.css”为文件名。外链设置好后，在标记中通过“class”或“id”进行调用，如“

”或\"

\"，这时候样式表中被命名为“toptxt”的样掘弊棚式就应用到这个“

”标记中了。样式表中“class”和“id”的写法不一样，“class”前面加“.”，“id”前加“#”。

调用CSS文件

下面来说说使用“class”和“id”的区别，二者之间最大的区别是“class”名称在同一个页面中可以重复使用，而“id”名称是独一无二的。“class”本身就是用来调用样式的，一个页面中有同一个样式效果很正常，用“class”方便省事也更合理。“id”相当于人名，不允许重复出现。因为“id”不仅可用于样式，在写JavaScript时通常也要用“id”指定块。

网页开发的CSS代码怎么写

随着Internet编程技术的不断发展，越来越多的大学毕业生加入了Web开发行业中，我们都知道Web开发需要使用css进行定位和布局。下面，天通苑北大青鸟带大家来看看如何编写css代码。

前端系统的变化可以描述为每天都在变化。在短短的一年时间里，理论，框架，构建工具甚至开发语言都发生了巨大的变化。随着新项目即将开始，我花时间审查了上一个项目的前端架构。我已经产生了很多想法，我将尽可能地记录它们以准备新的框架。

一、OOCSS(面向对象的CSS)

OOCSS的使用主要有两个原则，一种是分离结构和外观，其中主要包括分离容器和内容。OOCSS主要基于对象的编程方法，OOCSS的目的主要是支持代码的复用，最终保证样式能很好的进行添加和维护。OOCSS也存在一些缺点，它主要适合大型网站的开发项目，因为大型网站的可重用性组件非常多，在运行小项目的时候没有非常好的才、效果，所有在选择的时候应该根据项目的情况进行选择。

二、BEM(块元素修饰符)

BEM是一个名为命名约定的CSS。它不涉及如何编写CSS的结构。在进行电脑培训的过程中，电脑培训建议仅为每个元素添加具有以下内容的CSS类名称。在BEM模式下，它看起来很麻烦且冗余，但每个CSS类名称都能够很好地描述出它的作用销蔽。与LESS或SASS结合使用时，会降低其写入复杂度。

三、规则文档

很多人更加倾向于关注大方面并忘记了细节，一份定义明确的规则文档能够提醒我们根据需要进行编写代码。一份好的规则文件应遵循以下规范：其中需要包含不可变规则，而不是一般描述需要始终将规则细化为最简单的表达式，首先解释规则是什么，然后说“如果没有，那会发生什么？并且天通苑天通苑北大青鸟认为每条规则必须包含以下单词之一-始终亏含州，从不，仅，每个，不需要。

四、综合方案

就如开头的介绍，BEM的简单使用并没有解决我们在项目中遇到的问题，反而还会产生其他的新的问题，但这不是BEM的责任。IT培训认为作为前端架构的重要组成部分，CSS主要是老戚需要为项目选择出合适的解决方案，而不是因为它在业界很受欢迎而使用它。

CSS如何定义一条水平虚线

需要准备的材料分别有：电脑、浏览器、html器。

1、首先，打开html器，新建html文件，例如：index.html。

2、在index.html中的《style》标签中，输入css代码：div {height:60px;border-bottom:1px dashed}。

3、浏览器运行index.html页面，此时通过css定义了一个水平的虚线。

css代码写在哪

css代码的，首先我们是有3种方式来书写css的，可以写在外部的css文件中，或者是写在head的《style》《/style》中，还有就是写在元素的行中，通过代码来理解：    

《html》
《head》
《style》//通过style实现
#nav{
width:900px; 
height:30px;
}
#nav ul li{
float:left;
padding:5px 30px;   
}
#nav ul li{
float:left;
width:60px;    
}
《/style》
《link rel=’stylesheet’ type=’text/css’ 枯坦渣href=’./css/index1.css’》 //通过外部文件实现
《/head》信改
《body》
《div class="nav" style="width:400px"》  //通过行内实现
    《ul》
        《li》
                《a href=""》首页《/a》
            《/li》
            《li》           
                《a href=""》兴趣爱好《/a》
            《/li》
            《li》            
                《a href="index.php"》好友印象《/a》
            《/li》
            《li》
                《a href="register.php"》会员注册《/a》
            《/li》
        没悄    
            《li》
                《a href="dengtu.php"》会员登录《/a》
            《/li》
        《/ul》
    《/div》
《/body》
《/html》

via浏览器自定义css代码

...的css,只要用微掘侍信访问我的网页,就会选择专用的css样式,代码...

1、如果css没有加载，检查下css是否是加载太慢花的时间太长导致的，如果是优化css，或者将css单独存放到加载速度快的服务器上。

2、内部样式（内联样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。例：选择器 {属性名：属性值；属性名：属性值；...} 外部样式（外联样式）：写在css文件内。

3、首先在电脑中打开一个需要获取CSS数据的网页。在网页的空白处点击鼠标右键，选择“审查元素”的选项。点击后在页面的下方会打开一个网页元素代码窗口。

4、什么是网页，什么是超文本语言(html)。 会使用Dreamweaver等常用的网页器。 Dreamweaver是现今最好的网站工具之一，而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS，用它来给制作网页的CSS样式表会更简单、更方便。

浏览器怎么修改css

1、首先，打开html器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：a{font-family： 楷体；font-size： 20px；color： orange；}。

2、苹果Mac版Safar浏览器你直接用 media (min-width：1366px) and (max-width：1440px){} 这个来单独写一个CSS样式，看你的屏幕分辨率是多少，我查了下，MAC的是1440*900，所以就用上图我发的那个。

3、打开火狐浏览器，打开百度，搜索IE tab 火狐插件，会出现火狐社区插件，点击进入；或输入addons.mozilla.org/en-US/firefox/search/？q=ietab。点击添加。安装完成，重启浏览器。

4、那个不是，只是调试，基本上每个浏览器都是一样的，按f12就可以打开开发者工具了，之后就可以修改和调试html或者css。

5、条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。

如何单独给Safar浏览器设置CSS样式

1、苹果Mac版Safar浏览器你直接用 media (min-width：1366px) and (max-width：1440px){} 这个来单独写一个CSS样式，看你的屏幕分辨率是多少，我查了下，MAC的是1440*900，所以就用上图我发的那个。

2、一个很好的方法，不至于让网页大出浏览器的框以至于需要拖动。

3、w3c的html规范中有规定了引入css文件所针对的设备，可以通过在标签上添加media属性来指定所引入的css文件支持的设备，那针对手机这种移动设备，设置media属性值为handheld。

4、css样式可以在页面上右击元素查看，然后即可在下面的面板上出现对当前对象生效的css样式代码，此时您可以直接修改css来实现样式预览。即实现了您所说的css调试。希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

5、JavaScript设置外部样式 当你需要改变的样式已经在css文件中定义了，我们也可以用JavaScript直接用定义塌碧好的css样式。

怎样编写只有手机浏览器支持的css呢?

w3c的html规范中有规定了引入css文件所针对的设备，可以通过在标签上添加media属性来指定所引入的css文件支持的设备，那针对手机这种移动设备，设置media属性值为handheld。

没什么捷径走，兼容性是靠经验得判衫吵来的。前期建议买本css书系统学习一下，做的时候每写一句css就用不同浏览器测试一下，哪个不兼容就立刻修改css。遵守规范，谨记用合适的标签做适合的事，最少的标签做最多的事。

我们也可以反过来利用CSS hack为不同版本的浏览器定制编写不同的CSS效果。

css自定义滚动条

1、css可以通过为网页元素设置滚动条样式使网页元素的内容实现滚动。

2、第一种方法，代码如图。高度必须要有，overflow属性为auto。如果要出现水平滚动条，overflow-x：auto，如果出现垂直滚动条为，overflow-y：auto 。然后查看结果，如图所示。第二种方法，如图。也需要设置宽高。

3、首先，打开html器，新建一个html文件，例如：index.html。在index.html中的标签中，输入样式代码：style=overflow-x： scroll； 。浏览器运行index.html页面，此时html会有横线滚动条，并且隐藏了纵向滚动条。

4、CSS无法控制滚动条的样式。这里推荐几块滚动条美化的插件给你。 Windows：全屏窗口滚动插件 该插件可以很好地实现全屏滚动，每滚动一次即为一屏。

css代码写到哪里

打开Dreamweaver，文件--》新建--》css。你的css代码就段含写棚燃前在链清那个文件夹里。然后在你设计网页中的时候在属性里的样式里，选择附加样式表，然后选择刚才新建的css样式文件，就可以了。也可以直接在《/head》上面写上《style》这里写样式《/style》不明白的地方，加我QQ，手把手教你437960263