精华内容
下载资源
问答
  • 关于css的描述正确的是
    2021-08-05 04:42:41

    p:last-of-type         选择其父元素的最后的一个P元素

    p:last-child            选择其父元素的最后子元素(一定是P才行)

    p:first-of-type        选择其父元素的首个P元素

    p:first-child           选择其父元素的首个p元素(一定是p才行)

    p:only-child    选择其父元素的只有一个元素(而且这个元素只能是p元素,不能有其他元素)

    p:only-of-type   选择其父元素的只有一个p元素(不能有第二个P元素,其他元素可以有)

    选第N个

    p:nth-child(n)      选择其父元素的第N个 刚好是p的元素

    p:nth-last-child(n)    ..............................................从最后一个子元素开始计数

    p:nth-of-type(n)   选择其父元素的n个元素

    p:nth-last-of-type(n)   ........................从最后一个子元素开始计数

    用在input上

    :enabled

    更多相关内容
  • 关于css是什么

    2021-08-04 07:46:50
    层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言,关于css是什么CSS是Cascading Style Sheet的缩写。译作”层叠样式表单“。是用于(增强)控制...

    层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言,

    关于css是什么

    CSS是Cascading Style Sheet的缩写。译作”层叠样式表单“。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。使用CSS样式可以控制许多仅使用HTML无法控制的属性。HTML是一种标记性语言。当在浏览器中打开一个HTML网页时,浏览器将读取该网页中的HTML标签,并根据内置的解析规则将网页元素呈现出来。css(层叠样式表)决定浏览器将如何描述html元素的表现形式。换而言之,CSS就是描述HTML元素的规则。CSS目前最新版本为CSS3,CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

    CSS创建编辑

    创建和编辑css更加常用的是 Adobe Dreamweaver系列软件,可视化编辑更利于web工程师快速的创建和编辑css,新版本CS5.0、CS5.5、CS6.0、CC,包含Adobe BrowserLab,用于针对多种浏览器测试css的兼容性。Adobe Dreamweaver是一个css创建和编辑必不可少的利器!

    FrontPage2000 包含有能用来为站点创建外部样式表的模板。可以用空白模板或已包含样式的模板来创建(例如 Arcs)。当保存样式表时, FrontPage 会以 . css 作为文件扩展名。要编辑样式表,请双击文件夹列表中的样式表。

    当创建或修改网页样式时,可使用位于 “格式” 菜单的 “样式” 命令,FrontPage 会自动创建嵌入的样式表(如果原先不存在),并在嵌入的样式表内将此样式保存为类选择器。

    可以使用 “样式” 对话框来创建新类选择器,修改或删除现有类选择器,或将 CSS 格式设置属性应用到标准 HTML标记符上例如

    。当单击 “确定” 关闭对话框时,FrontPage 会将格式设置特征写回到使用正确语法的外部或嵌入的样式表中。或者,可以用正确 CSS 语法键入样式信息。要键入嵌入的样式表的样式信息,请单击网页视图模式下的 “HTML” 选项卡,关于css是什么》(https://www.unjs.com)。

    如果对应用到站点的主题选择 “应用 CSS ” 复选框,FrontPage 将在站点的根目录下创建名为 Theme 1 .css 的文件,其中 Theme 是主题的名称。如果修改主题,FrontPage 自动将更改写回主题 CSS 里。也可以通过直接编辑主题 CSS 来修改主题。

    CSS格式样式

    可以用以下三种方式将样式表加入您的网页。 而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。

    1、 链入外部样式表文件 (Linking to a Style Sheet)

    可以先建立外部样式表文件(.css),然后使用HTML的link对象。示例如下:

    http://www.dhtmlet.com/rainer.css type="text/css">;

    而在XML中,你应该如下例所示在声明区中加入:

    http://www.dhtmlet.com/rainer.css>;

    2、定义内部样式块对象 (Embedding a Style Block)

    可以在你的HTML文档的和标记之间插入一个块对象。

    请注意,这里将style对象的type属性设置为“text/css”,是允许不支持这类型的浏览器忽略样式表单。

    3、内联定义 (Inline Styles)

    内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。

    这一行被增加了左右的外补丁

    样式表语法 (CSS Syntax)

    Selector { property:value }

    参数说明:

    Selector -- 选择符

    property: value -- 样式表定义。属性和属性值之间用冒号(:)隔开。定义之间用分号(;)隔开

    继承的值 (The ‘Inherit ’Value)每个属性都有一个指定的值:Inherit。它的意思是:将父对象的值等同为计算机值得到。这个值通常仅仅是备用的。显式的声明它可用来强调。上面这些可能对于初学者来说还不太好理解,但主要是明白CSS就相当于网页的衣服一样,学会用了就好办。WEB标准提倡样式(即CSS)与结构(HTML,XML等)分离,所以学会CSS的应用就显得更加重要了。

    展开全文
  • 关于css的position属性的描述

    千次阅读 2020-08-12 21:04:57
    下述有关css属性position的属性值的描述,说法错误的是? 牛客网错题集 static:没有定位,元素出现在在正常的流中 fixed:生成绝对定位的元素,相对于父元素进行定位 relative:生成相对定位的元素,相对于元素...

    下述有关css属性position的属性值的描述,说法错误的是?

    牛客网错题集
    • static:没有定位,元素出现在在正常的流中
    • fixed:生成绝对定位的元素,相对于父元素进行定位
    • relative:生成相对定位的元素,相对于元素本身正常位置进行定位
    • absolute:生成绝对定位的元素,相对于static定位以外的第一个祖先元素进行定位

    错误答案:B

    在HTML中网页可以看成一个立体的空间,一个完整的页面是由很多个页面堆积形成的,如下图所示:

    img

    css中定位有四个属性值可选,分别是static、absolute、fixed、relative。

    • position:static 无定位

    一般标签元素不加任何定位都是静态定位,是默认值,不需要去特别的声明使用,不过要考虑的一种情况是,遇到的继承的情况,不想看到元素本身被继承的属性所影响,从而可以用position:static取消继承,还原他的默认值。

    • position:absolute 相对定位

    相对定位,相对于最近的标签元素进行定位,也就是上一级父元素进行定位的,他有bottom、top、left、和right四个属性,分别是相对于父元素的下、上、左、右进行一定距离的移动、会脱离文档流,父元素设置了relative就会以设置了relative的元素为基点进行定位,没有设置的话,默认就是以html根元素进行定位的。

    • position:relative 绝对定位

    绝对定位是以static进行定位的,也就是默认的元素节点,也就是当前元素,同样也有bottom、top、left、right四个属性

    • position:fixed 固定定位

    固定定位顾名思义就是以整个视口窗口进行定位的,就是固定到整个网页页面上,不会造成页面的元素被影响。

    总结:定位的四个属性除了static,剩下的属性都是对于某一个基点进行定位的只不过是基点不同而已

    展开全文
  • CSS样式书写规范

    2021-08-04 04:08:47
    原标题:CSS样式书写规范可能不同团队都有各自的规范,又或者很多人在写 CSS 的时候还是想到什么就写什么,不存在太多的约束。我觉得 CSS 代码规范还是有存在的必要的,尤其是在团队配合,多人协作下,规范就显得尤...

    原标题:CSS样式书写规范

    可能不同团队都有各自的规范,又或者很多人在写 CSS 的时候还是想到什么就写什么,不存在太多的约束。

    我觉得 CSS 代码规范还是有存在的必要的,尤其是在团队配合,多人协作下,规范就显得尤为重要。

    本文的所列是实践当中得出的一套比较不错的 CSS 书写规范,并不希望大家完全采用,而是希望可以结合自己的团队需要,发展出一套适合自己的 CSS 代码规范。

    也希望可以有更多的建议,共同的完善。本规范也可以在我的 Github 上看到,欢迎留言或者提 PR。

    我觉得不同的规范都有各自的长处与缺陷,对待所谓的规范最好的方式不是人云亦云,拿来就用,而是应该结合实际情况及需求,取长补短,取其精华去其糟粕。

    编码设置

    采用 UTF-8 编码,在 CSS 代码头部使用:

    @charset "utf-8";

    注意,必须要定义在 CSS 文件所有字符的前面(包括编码注释),@charset 才会生效。

    例如,下面的例子都会使得 @charset 失效:

    /* 字符编码 */

    @charset"utf-8";

    html,

    body{

    height:100%;

    }

    @charset"utf-8";

    命名空间规范

    布局:以 g 为命名空间,例如:.g-wrap 、.g-header、.g-content。

    状态:以 s 为命名空间,表示动态的、具有交互性质的状态,例如:.s-current、s-。

    工具:以 u 为命名空间,表示不耦合业务逻辑的、可复用的的工具,例如:u-clearfix、u-ellipsis。

    组件:以 m 为命名空间,表示可复用、移植的组件模块,例如:m-slider、m-dropMenu。

    钩子:以 j 为命名空间,表示特定给 Java 调用的类名,例如:j-request、j-open。

    命名空间思想

    没有选择 BEM 这种命名过于严苛及样式名过长过丑的规则,采取了一种比较折中的方案。

    不建议使用下划线 _ 进行连接

    节省操作,输入的时候少按一个 shift 键

    能良好区分 Java 变量命名

    字符小写

    定义的选择器名,属性及属性值的书写皆为小写。

    选择器

    当一个规则包含多个选择器时,每个选择器独占一行。

    、+、~、> 选择器的两边各保留一个空格。

    .g-header>.g-header-des,

    .g-content~.g-footer{

    }

    命名短且语义化良好

    对于选择器的命名,尽量简洁且具有语义化,不应该出现 g-abc 这种语义模糊的命名。

    规则声明块

    当规则声明块中有多个样式声明时,每条样式独占一行。

    在规则声明块的左大括号 { 前加一个空格。

    在样式属性的冒号 : 后面加上一个空格,前面不加空格。

    在每条样式后面都以分号 ; 结尾。

    规则声明块的右大括号 } 独占一行。

    每个规则声明间用空行分隔。

    所有最外层引号使用单引号 ‘ 。

    当一个属性有多个属性值时,以逗号 , 分隔属性值,每个逗号后添加一个空格,当单个属性值过长时,每个属性值独占一行。

    完整示例如下:

    .g-footer,

    .g-header{

    position:relative;

    }

    .g-content{

    background:

    linear-gradient(135deg,deeppink25%,transparent25%)-50px0,

    linear-gradient(225deg,deeppink25%,transparent25%)-50px0,

    linear-gradient(315deg,deeppink25%,transparent25%),

    linear-gradient(45deg,deeppink25%,transparent25%);

    }

    .g-content::before{

    content:'';

    }

    数值与单位

    当属性值或颜色参数为 0 – 1 之间的数时,省略小数点前的 0 。color: rgba(255, 255, 255, 0.5)color: rgba(255, 255, 255, .5);

    当长度值为 0 时省略单位。margin: 0px automargin: 0 auto

    十六进制的颜色属性值使用小写和尽量简写。color: #ffcc00color: #fc0

    样式属性顺序

    单个样式规则下的属性在书写时,应按功能进行分组,并以 Positioning Model > Box Model > Typographic > Visual 的顺序书写,提高代码的可读性。

    如果包含 content 属性,应放在最前面;

    Positioning Model 布局方式、位置,相关属性包括:position / top / right / bottom / left / z-index / display / float / …

    Box Model 盒模型,相关属性包括:width / height / padding / margin / border / overflow / …

    Typographic 文本排版,相关属性包括:font / line-height / text-align / word-wrap / …

    Visual 视觉外观,相关属性包括:color / background / list-style / transform / animation / transition / …

    Positioning 处在第一位,因为他可以使一个元素脱离正常文本流,并且覆盖盒模型相关的样式。盒模型紧跟其后,因为他决定了一个组件的大小和位置。其他属性只在组件内部起作用或者不会对前面两种情况的结果产生影响,所以他们排在后面。

    合理使用使用引号

    在某些样式中,会出现一些含有空格的关键字或者中文关键字。

    font-family 内使用引号

    当字体名字中间有空格,中文名字体及 Unicode 字符编码表示的中文字体,为了保证兼容性,都建议在字体两端添加单引号或者双引号:

    body{

    font-family:'Microsoft YaHei','黑体-简','5b8b4f53';

    }

    background-image 的 url 内使用引号

    如果路径里面有空格,旧版 IE 是无法识别的,会导致路径失效,建议不管是否存在空格,都添加上单引号或者双引号:

    div{

    background-image:url('...');

    }

    避免使用 !important

    除去某些极特殊的情况,尽量不要不要使用 !important。

    !important 的存在会给后期维护以及多人协作带来噩梦般的影响。

    当存在样式覆盖层叠时,如果你发现新定义的一个样式无法覆盖一个旧的样式,只有加上 !important 才能生效时,是因为你新定义的选择器的优先级不够旧样式选择器的优先级高。所以,合理的书写新样式选择器,是完全可以规避一些看似需要使用 !important 的情况的。

    代码注释

    单行注释

    星号与内容之间必须保留一个空格。

    /* 表格隔行变色 */

    多行注释

    星号要一列对齐,星号与内容之间必须保留一个空格。

    /**

    * Sometimes you need to include optional context for the entire component. Do that up here if it's important enough.

    */

    规则声明块内注释

    使用 // 注释,// 后面加上一个空格,注释独立一行。

    .g-footer{

    border:0;

    // ....

    }

    文件注释

    文件顶部必须包含文件注释,用 @name 标识文件说明。星号要一列对齐,星号与内容之间必须保留一个空格,标识符冒号与内容之间必须保留一个空格。

    /**

    * @name: 文件名或模块名

    * @deion: 文件或模块描述

    * @author: author-name(mail-name@domain.com)

    * author-name2(mail-name2@domain.com)

    * @update: 2015-04-29 00:02

    */

    @deion为文件或模块描述。

    @update为可选项,建议每次改动都更新一下。

    当该业务项目主要由固定的一个或多个人负责时,需要添加@author标识,一方面是尊重劳动成果,另一方面方便在需要时快速定位责任人。

    SASS 使用建议

    嵌套层级规定

    使用 SASS 、 LESS 等预处理器时,建议嵌套层级不超过 3 层。

    组件/公用类的使用方法

    组件/公用类使用 %placeholders 定义,使用 @extend 引用。如:

    %clearfix{

    overflow:auto;

    zoom:1;

    }

    .g-header{

    @extend%clearfix;

    }

    组件类的思考

    使用 SASS ,经常会预先定义好一些常用公用组件类,譬如清除浮动,水平垂直居中,文字 ellipsis。又或者多个元素具有同样的样式,我们希望能够少写这部分代码,公共部分抽离出来只写一次,达到复用。

    但是复用的方式在 SASS 中有多种,那么是使用单独使用一个类定义,给需要的标签添加,还是使用 @include 或者 @extend在定义的类中引入一个 @mixin,或者一个 @function 呢?

    基于让 CSS 更简洁以及代码的复用考虑,采用上面的使用 %placeholders 定义,使用 @extend 引用的方案。

    %placeholders,只是一个占位符,只要不通过 @extend 调用,编译后不会产生任何代码量

    使用 @extend 引用,则是因为每次调用相同的 %placeholders 时,编译出来相同的 CSS 样式会进行合并(反之,如果使用 @include 调用定义好的 @mixin,编译出来相同的 CSS 样式不会进行合并)

    这里的组件类特指那些不会动态改变的 CSS 样式,注意与那些可以通过传参生成不同数值样式的 @mixin 方法进行区分

    尽量避免使用标签名

    使用 SASS ,或者说在 CSS 里也有这种困惑。

    假设我们有如下 html 结构:

    展开全文
  • 15.90 积分1、下面关于HTML语言说法不正确的是 (1分) A.HTML语言是描述性的语言 B.任何能将文件存为ASCII纯文本格式的文字编辑器都可以编辑HTML文档 C.学习HTML语言只要明白各种标签的用法就算学懂了HTML。 D....
  • css中定位中的中定位中的absolute和和relative是什么意思是什么意思做一些浮动层等特殊特殊效果时要考虑到定位问题就要用到Position属性,其有四个属性值:static、fixed、absolute和relative,想必后面两个大家都...
  • 下表列出了所有的字体描述和里面的@font-face规则定义: 1,font-family属性 必需。规定字体的名称 2,font-stretch 属性 可选。定义如何拉伸字体。www.dgjinzhengjx.com 默认是 "normal"。 normal condensed ...
  • 【问题】以下代码中文字的最终颜色描述正确的是() <style> div > #title{color: blue;} div > h3#title.title{color: red;} [lang=”en”] h3.title{color: green;} [lang=”en”] #title{color...
  • 很多人对于CSS都是边干边学习,因为它不像C#之类的语言那么复杂,看起来似乎挺简单,然而正是这种对CSS的不完整的理解,导致了许多的CSS代码破坏了布局,或者带来了无休止的调试,以下总结了八条最常见的错误,以及...
  • 棘手的事情是,即使属性及其值可以很好地应用于元素(即,没有语法错误,并且属性及其值正确),也没有保证它实际上会对元素执行任何操作。 知道给定属性是否应在给定情况下修改元素的布局或样式的唯一事情是我们...
  • css的基本语法结构是什么 CSS的基本语法 (Basic Syntax of CSS) So let's have our first look at Cascading Style Sheets. As you probably already know, all programing languages have their own syntax, and ...
  • 第四章 CSS入门 A卷

    2021-12-29 13:26:17
    关于CSS样式的说法正确的是(B)。 A.css代码严格区分大小写 B.每条样式规则使用分号(;)隔开 C.css样式无法实现页面的精确控制 D.css样式实现了内容与样式的分离,利于团队开发 CSS
  • 外部,路由器,区域,区域,区域,内, CSS,列表,样式,属性,中,style,type,属性,列表,项目,符号, 房间,类型,room,type,room, 中,别名,标签,type,Aliases, type, Type,头,字段,方法,字符集,编码,消息,响应,头,中, 智慧,职教...
  • 1.CSS规定拥有更高确定度的选择器优先级更高 2.如果样式中包含冲突的规则,且它们具有相同的确定度。那么,后出现的规则优先级高。 优先级:由高到低(从上到下) !important 内联(1,0,0,0) id: (0,1,0,0) 类:(0,0,1,...
  • 1、关于CSS优先级计算描述错误的是( ) A如果优先级相同,则选择最后出现的样式 B元素的优先级以最外层的为标准 C!important声明的样式优先级最高 D继承得到的样式的优先级最低 正确答案:B 解析: CSS 优先规则1...
  • css不准确描述

    2019-12-04 14:30:24
    What is csscss:层叠样式表 (Cascading Style Sheets) Why is css? 对网页进行布局设置 How to do? css选择器 选择器分组 selector1, selector2, selector3, selector4, ……, selectorN { declarations; } ...
  •  您应该明白为什么我会说到这个,选择合适的、有意义的元素去描述你的内容,确保您所选择的是富有语义的类class和id特征值。做正确的事情会使你的生活变得容易很多,如果你是某个团队的一分子,对团队其他成员来说...
  • HTML+CSS试题有答案.doc

    千次阅读 2021-06-11 10:35:47
    HTMLCSS试题有答案一、单项选择题 (每套20题,每题2分,共40分)1、关于web标准以下说法错误的是( b )A、Web标准是一个复杂的概念集合,它由一系列标准组成B、这些标准全部都由W3C起草与发布C、Web标准可以分为3个...
  • CSS3的选择题

    千次阅读 2021-08-04 06:18:35
    1.在HTML中,关于CSS样式的说法错误的是( )A. css代码不区分大小写B. 每条样式规则使用分号(;)隔开C. css样式无法实现页面的精确控制D. css样式实现了内容与样式的分离,利于团队开发C2.关于块状元素说法错误的是( )...
  • CSS理论题练习(一)

    2022-03-08 23:23:47
    1.下列定义的 CSS 选择器中,哪个权重是最低的?(C) #game div.name //id+class #game .name //id+class #game div //id+标签 #game .name span //id+class+标签 解析,权重!important>style>id&...
  • CSS Lint 能线上分析并检测你的网站 CSS 样式表有无任何潜在问题,使用方法很简单,只需要把 CSS 内容复制贴上,最后按下 LINT!按钮就可以检查。底下有一些设定项目可以调整检测的项目和规则,预设是全部勾取,如果...
  • CSS试题

    2022-05-21 16:48:58
    [ 选择题 ]在css定位属性中, position的值为可以是( )。 A 绝对定位 B 相对定位 C 层叠定位 D 固定定位 正确答案:A,B,D 试题解析:在CSS中,position属性用于定义元素的定位方式,它的可能值有absolute(绝对...
  • 2022css面试题

    2022-08-07 21:34:49
    1.以下对CSS描述错误的是: A.CSS是层叠样式表(英文全称:Cascading Style Sheets)。 B.CSS可以实现内容与样式的分离。 C.CSS是解释型语言,不需要编译。 D.CSS负责网页元素的内容与样式。 2.下面关于CSS选择器...
  • 哪种方式是在css中包含多种字体的正确方法?这里是简单的例子。在css中包含多种字体的正确方法This?@font-face {font-family: DeliciousRomanRegular;src: url(/Delicious-Roman-R.otf);}@font-face {font-family: ...
  • 我已经实现了HTML5和CSS,并在HTML中正确使用了语义标记,并在CSS中充分利用了Grid和Flexbox布局。 指示 实际上只有3个主要部分可以对用户交互做出响应。 请注意以下事项: index.html是网站的主页,包含搜索栏和...
  • css3点击动画效果

    2020-06-12 08:45:26
    效果描述: 简单有效的css3动画效果,当然,其中还引入了多个js插件 使用方法: 1、将lanren.css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (注意保持文件路径正确)
  • 对于绘图和印刷而言,“单位”相当重要,然而在网页排版里,单位也是同样具有重要性,在CSS3普及以来,更支持了一些方便好用的单位(px、em、rem…等),今天我们就来了解一下。 答案详情解析和文章内容点击下方...
  • 1.能用css代替的元素 basefont、big、center、font、s、strike、tt、u。这些元素纯粹是为画面展示服务的,HTML5中提倡把画面展示性功能放在css中统一编辑。 2.不再使用frame框架。 frameset、frame、nof
  • css总结

    千次阅读 2022-05-20 09:47:16
    CSS2以及CSS3和移动端布局方式做了个总结
  • 在页面加载的时候,link会同时被加载,而@import引用的CSS会在页面加载完成后才会加载引用的CSS。 @import只有在IE5以上才可以被识别,而link是HTML标签,不存在浏览器兼容性问题。 link引入样式的权重大于@import的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 71,795
精华内容 28,718
热门标签
关键字:

关于css的描述正确的是