Я новичок в CSS. Я пытаюсь создать границу вокруг текста, но граница не появляется. Также есть редактор в Интернете, который рассказывает мне о ошибках в тегах, например, опечатки?Почему я не могу добавить ширину рамки
<!DOCTYPE html>
<html>
<head>
<title> CSS Practice
</title>
<style>
p. one {border-width: 2px; border-style: solid;}
</style>
</head>
<body>
<p class="one"> My name is xyz </p>
</body>
</html>
Удалить пространство в вашем селекторе:
p.one {border-width: 2px; border-style: solid;}
p .one выбирает элемент с классом one, который является потомком тега абзаца, в то время как p.one выбирает пункты, которые имеют класс one.
Ваш селектор должен быть p.one, не p .not.
p .not будет искать .not внутри p.
p.one {
border-width: 2px;
border-style: solid;
}<p class="one">My name is xyz</p>Я согласен с данными ответами о проблеме CSS. Что касается вашего другого вопроса, некоторые редакторы помогут вам, когда дело доходит до ошибок в тегах и опечатках. Например, Sublime Text, Notepad ++, Atom и другие имеют хорошую подсветку синтаксиса и функции для отступов кода, закрытия открытых тегов и указания на опечатки. HTML и CSS могут быть проверены на соответствие стандартам W3C через W3C Validator. Некоторые редакторы имеют функции для проверки вашего кода, но вы всегда можете использовать инструменты онлайн-проверки.
Надеюсь, это поможет с вашей кодировкой.
использовать этот
p.one{border:2px solid #000}
отлично работает!
Демо здесь: http://jsfiddle.net/zb31m0de/
Вы имели пространство между . и one
Позвольте мне Вас учить еще одну вещь :-). Сделайте свою коробку красивой с тенью и некоторым дополнением.
box-shadow: 2px 2px 10px 3px #CCC;
padding:10px;
Просто используйте
border : 2px solid black;
Увеличение 2px может увеличить ширину границы.
Не использовать p.one{...}, так как увеличивает спецификацию CSS. Это полезно, когда вам строго нужно использовать стиль только p.
В вашем примере вы можете просто поместить одно имя semantic и использовать требуемые свойства и значения. FYI, p.classname и .classname имеют различный смысл и лечат по-разному. например. если вы используете p.classname, стиль будет применяться только к элементу p, который имеет класс .classname, но если вы определили свой селектор как .classname, вы можете использовать его в любом элементе, даже если его не является элементом p.
Любой базовый учебник css предоставил бы вам ответ. – runtimeZero