[Закрываются] скрытые функции CSS

Question

[Закрываются] скрытые функции CSS

ИМХО, ваш показанный конечный результат НЕ выглядит корректно по логике, поскольку Input_file2 имеет несколько записей, а Input_file1 имеет только одиночные (я собираюсь только на показанных примерах). Не могли бы вы проверить это один раз? Если какие-либо изменения в вашем выводе или логике, то, пожалуйста, упомяните их четко.

awk '
BEGIN{
  SUBSEP=","
}
FNR==NR{
  max[$1,$NF]=$3
  min[$1,$NF]=$2
  next
}
{
  split($4,array,"_")
}
(($1,array[1]) in max){
  if(($2>min[array[5],array[1]] && $2<max[array[5],array[1]]) || ($3>max[array[5],array[1]] && $3<max[array[5],array[1]])){
     print array[5],array[1],min[array[5],array[1]],max[array[5],array[1]],"exon"
     next
  }
}
{
  print [110],"intron"
}'  Input_file1   Input_file2  | column -t

Что эта команда делает, это проверяет 2-е поле Input_file2 ИЛИ 3-е поле, либо они находятся в диапазоне 2-го и 3-го поля Input_file1. Если кто-то из них приходит, я печатаю вывод Input_file1, добавляя в него exon, или выводя вывод Input_file2, добавляя в конце intron строку.

60

css hidden-features

задан 7 revs, 4 users 75% 3 January 2010 в 19:03

22 ответа

Другие вопросы по тегам:

css hidden-features

Похожие вопросы:

score 0 · Answer 1

Материал радиуса границы является частью спецификации CSS3. Поскольку CSS3 полностью все еще не закончен, более прогрессивные браузеры тем временем реализуют части его с их собственными свойствами (-moz, - WebKit). Таким образом, мы можем уже наслаждаться скругленными углами, чисто кодированными в чистом css.

, К сожалению, другой крупный игрок в рынке браузеров все еще не показывает знака реализации css3 функции.

score 6 · Answer 2

В настоящее время только для WebKit, но довольно интересный: CSS Анимации

6

ответ дан 2 revs 24 November 2019 в 17:26

score 3 · Answer 3

Другой селектор IE6

* html .something
{
  color:red;
}

Исправляющие случайные ошибки рендеринга IE6 - применяют zoom:1, который инициирует расположение .

score 6 · Answer 4

Едва ли "скрытый", но понимание модели поля и расположение модели поможет чрезвычайно.

Как, зная, что position: absolute элемент расположен относительно его первого родителя, который разрабатывается с position: relative.

score 7 · Answer 5

встроенные блоки (альтернатива плавающим отделениям):

.inline_block
{
    display:-moz-inline-box;
    display:inline-block;
}

не применяют этот класс к отделению! это не будет работать! примените его к промежутку (или встроенный элемент)

<span class="inline_block">
</span>

score 15 · Answer 6

Едва ли функция, но полезный, тем не менее: дочерний селектор работает во всех браузерах кроме IE6, позволяя Вам изолировать IE6, не используя взломы или условные таблицы стилей или делая недействительным Ваш код. Таким образом ссылка в следующем коде будет красной в IE6, синей в любом браузере.

HTML

<div id="content">
    <a class="link" href="#">Link</a>
</div>

CSS

/*Red for IE6*/ .link {color:#F00;} /*Blue for everything else*/ #content>.link {color:#00F;}

Здесь список селекторов (для CSS2) и диаграмма совместимости браузера .

score 15 · Answer 7

Мои:

все свойства слуховых листов как azimuth, pitch...
некоторые свойства модуля печати как page-break-after: avoid;
counter-increment: section 1;
border-collapse: collapse;
background-color: transparent;
outline: 1px solid...

score 23 · Answer 8

Возможно отрицательные поля и абсолютные расположенные элементы в родственнике расположили элементы .

Видят , Как ВЫ сделали бы это с CSS? для примеров.

score 25 · Answer 9

То, что float луг родительский элемент заставит это расширяться для содержания всего float дети редактора.

score 7 · Answer 10

Не так скрытые функции, но вопрос, показывающий подсказки по CSS, которые каждый разработчик начала должен знать приблизительно

score 38 · Answer 11

Если вы хотите запустить новый мастер на основе вашего выбора на первой странице, вы можете использовать базовый класс JFace org.eclipse.jface.wizard.WizardSelectionPage .

В приведенном ниже примере показан список доступных мастеров, определенных точкой расширения. Я написал, что Google использует это в блоге: http://www.stevefenton.co.uk/Content/Blog/Date/200905/Blog/Google-Uses-Image-Sprites/

score 39 · Answer 12

Применить несколько стилей / классов к такому элементу, как этот class = "жирный красный GoldBg"

<html><head>
<style>
.bold {font-weight:bold}
.red {color:red}
.GoldBg {background-color:gold}
</style>
</head><body>
<p class="bold red GoldBg">Foo.Bar(red)</p>
</body></html>

score 23 · Answer 13

Вы можете установить переменную ширину для абсолютно позиционированного элемента, указав свойства left и right . Это дает вам больше контроля, чем просто установка ширины в процентах.

Например:

#myElement {
    position: absolute;
    left: 5px;
    right: 10px;
}

Альтернативный пример

#myElement{ /* fill up the whole space :) */
   background: red;
   position:absolute;
   left: 0;
   right:0;
   top: 0;
   bottom: 0;
}

score 3 · Answer 14

Межбраузерный встроенный блок работает с блочными и встроенными элементами, используя комбинированные объявления:

.column { 
-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; 
}

для стандартных браузеров, включая Firefox 2, и:

.ie_lte7 .column { display:inline; }

score 1 · Answer 15

.class {
/* red for chrome, ff, safari, opera */
background-color: red;
/* green for IE6 */
.background-color: green;
/* blue for IE7+ */
_background-color: blue;
}

будет отображать ваш фон по-другому в этих категориях браузеров

score 21 · Answer 16

Взгляните на преобразования CSS Webkit, например -webkit-transform: rotate (9deg);

sample

21

ответ дан 24 November 2019 в 17:26

score 3 · Answer 17

кросс-браузер (IE6+, FF, Safari) float альтернатива:

.inline-block {
    display: inline-block;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    vertical-align: top;
    zoom: 1;
    *display: inline; }

score 2 · Answer 18

У меня нет идей, является ли это скрытой функцией, но я просто поразился, увидев это: http://www.romancortes.com/blog/css-3d-meninas/

score 58 · Answer 19

- [1147499-

Вы можете отобразить название документа элемент:

head, title {
    display: block;
}

58

ответ дан 24 November 2019 в 17:26

score 5 · Answer 20

Перенос слов можно легко выполнить с помощью CSS, без помощи серверных технологий.

word-wrap: break-word;

5

ответ дан 24 November 2019 в 17:26

score 9 · Answer 21

Вы можете создавать области прокрутки, не прибегая к фреймам, используя свойство CSS overflow. Пример:

div.foo {
    border:   1px solid;
    width:    300px;
    height:   300px;
    overflow: auto;
}

overflow: auto означает, что если содержимое не помещается в div, при необходимости появятся горизонтальные и / или вертикальные полосы прокрутки.

переполнение: scroll означает, что обе полосы прокрутки будут присутствовать всегда. Если вы хотите, чтобы всегда присутствовала только одна полоса прокрутки, используйте overflow-x или overflow-y (которые поддерживаются современными браузерами и IE6).

Некоторые из вас могут подумать «дууух», но я был удивлен, узнав, что области прокрутки можно создавать без рамок.

score 15 · Answer 22

На прошлой неделе я наткнулся на удивительно полезное свойство CSS, о котором никогда не слышал:

text-rendering: optimizeLegibility;

Safari, Chrome и Firefox понимают это свойство, и если оно установлено, то позволяет использовать расширенное кернинг и лигатуры. Вот отличная демонстрация.